[Résolu] Problème d'activation d'une fonction jav

Salut à tous,

j'écris sur le forum car je suis coincé. J'aimerais qu'une fenêtre apparaisse après avoir cliqué sur un bouton mais rien ne se passe. Je ne comprends pas ou se trouve mon erreur dans le code du modal.

<div class="modal" id="modal_to_open">
  <div class="modal-background"></div>
  <div class="modal-card">
    <header class="modal-card-head">
      <p class="modal-card-title">Modal title</p>
      <button class="delete" aria-label="close"></button>
    </header>
    <section class="modal-card-body">
		Telephone
    </section>
    <footer class="modal-card-foot">
      <button class="button is-success">Save changes</button>
      <button class="button">Cancel</button>
    </footer>
  </div>
</div>

//Open modal
$(document).ready(function() {
	"use strict";
	$('#open_modal').click(function() {
		
		$('modal_to_open').css(
			{
				'display': 'block'
			}
		);
	});
});

Bonjour,

Est-ce que le bouton a bien un id égal à "open_modal" déjà ?

Amicalement,

Oui, j'ai bien mis l' id.

<!-- baner-->
	<div class="banner">
		
		<img src="src/img/banner2.png" alt="banner" class="banner-image">
		<div class="banner-content">
			<h1 class="title" is-1> Besoin d'un devis rapide</h1>
			<h2 class="subtitle"> Transport sûr et rapide</h2>
			<button class="button is-link" id="open_modal">Contactez nous !</button>
		</div>
	</div>
	

Je te remercie. Tu me sauves la vie.