Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]hover kilku elementów
Forum PHP.pl > Forum > Przedszkole
bialko0019
Mam takie pytanie. Mam trzy divy "Oferta" , "Lorem lipsum" oraz "Dolor sit amet". Chciałbym po najechaniu na jeden z nich, poniżej wyświetlić jego odpowiednik - więc jeśli najade na Oferta poniżej wierwsz niżej wyświetli się div np. #show_oferta, jeśli najadę na "Dolor sit amet" pojawi mi się poniżej jego odpowiednik.
Zrobiłem tak w jQuery:
<div class="category_widget" id="001">Oferta</div>
<div class="category_widget" id="002">Lorem lipsum</div>
<div class="category_widget" id="003">Dolor sit amet</div>

<div class="show" id="show_001">To jest oferta...</div>
<div class="show" id="show_002">Lorem lipsum</div>
<div class="show" id="show_003">Dolro sit amet consetcteur aidpicng elit. .</div>

  1. $('.category_widget').hover(function(){
  2. $('.show').stop().fadeOut(50);
  3. $('#show_' + $(this).attr('id')).delay(950).fadeIn(100);
  4.  
  5. },function(){
  6.  
  7.  
  8.  
  9.  
  10. });


No dobra - a jak bym chciał teraz podświetlić ten div widget_category nie ytlko jak na niego najadę, tylko również chce by był podświetlony jak najadę na jego odpowiednik już poniżej.. questionmark.gif

Czekam na pomoc..
CuteOne
[JAVASCRIPT] pobierz, plaintext
  1. $('.show').hover(function() {
  2. var id = $(this).attr('id').split('_');
  3.  
  4. $('#'+id[1]).hover();
  5. });
[JAVASCRIPT] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.