[JavaScript]hover kilku elementów Opcje

[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>

[HTML] pobierz, plaintext 
$('.category_widget').hover(function(){
		$('.show').stop().fadeOut(50);
		$('#show_' + $(this).attr('id')).delay(950).fadeIn(100);
 
	},function(){
 
 
 
 
	});
[HTML] pobierz, plaintext 

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.. (IMG:style_emoticons/default/questionmark.gif)

Czekam na pomoc..

[CuteOne]

[JAVASCRIPT] pobierz, plaintext 
$('.show').hover(function() {
     var id = $(this).attr('id').split('_');
 
     $('#'+id[1]).hover();
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował CuteOne 1.07.2013, 06:49:39