Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Hover bez powtorek
sajegib
post 16.01.2013, 20:57:11
Post #1





Grupa: Zarejestrowani
Postów: 352
Pomógł: 59
Dołączył: 16.01.2013

Ostrzeżenie: (0%)
-----


Witam!
Mam taki kod:

  1. $(document).ready(function() {
  2. $('#open').hover(function(){
  3. $('#nav_ul').slideDown(300);
  4. },function(){
  5. $('#nav_ul').hide();
  6. });
  7. });


Wszystko ładnie i pięknie, ale mam kilka elementów z id="open" i id="nav_ul"

Jak zrobić rozwijanie dla każdego z tych elementów bez nadawanie im id o innych nazwach? (id="open1" id="open2" itd..

Z góry dziękuję za pomoc
Go to the top of the page
+Quote Post
viking
post 16.01.2013, 20:58:45
Post #2





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


Id w kodzie strony może występować tylko raz. W selektorze jquery możesz podawać wiele elementów po przecinku.


--------------------
Go to the top of the page
+Quote Post
b4rt3kk
post 16.01.2013, 20:59:34
Post #3





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Zamienić id na class i zastosować w praktyce DOM.

  1. $('.open').hover(function() {
  2. $(this).children('ul').slideDown(300);
  3. });


Ten post edytował b4rt3kk 16.01.2013, 20:59:59


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
sajegib
post 16.01.2013, 21:00:57
Post #4





Grupa: Zarejestrowani
Postów: 352
Pomógł: 59
Dołączył: 16.01.2013

Ostrzeżenie: (0%)
-----


A ja szukałem rozwiązania w pętli...

Dzięki za pomoc, zasłużony "pomógł" dla ciebie
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 15.06.2025 - 23:58