Javascript, wyświetlający diva po naciśnięciu przycisku

Question

Witam. Tworzę stronę w HTML, i potrzebuję napisać krótki javascript, który będzie wyświetlał okno (o klasie '.window'), po naciśnięciu przycisku (o klasie '.button'). Wiem, że okno na początku powinno być ukryte, więc zrobiłem to w CSS, za pomocą wartości display: none. Wydaje mi się, że mam wszystko dobrze, a okno się nie wyświetla. Ktoś wie co powinienem zmienić? Z góry dziękuję za pomoc.

        $('.button').click(function()
		{
		   $('.window').show();
		}
		);

 

Comments

Szukaj błędów w konsoli. jQuery podpięte?

---

Wydaje się, patrząc na tag-i ustawione do pytania @Franciszek Formela, nie "podłączył" jQuery, zgaduję. 

np.:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

 

---

jQuery akurat mam podłączone, nie wiedziałem, że do tego skryptu jest potrzebne. Dziękuję za pomoc.

Answer 1

Może popełniłeś literówkę w html i te elementy nie mają dokładnie tych samych nazw klas. Zamiast wywoływać funkcje show() spróbuj nadać nazwę klasy, która będzie miała okodowaną wartość display: none. Pokaż co pokazuje konsola po kliknięciu w przycisk.