Forum PHP.pl > [JavaScript]Dymek po najechaniu na donośnik

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Dymek po najechaniu na donośnik

arzach

12.08.2015, 10:54:15

Próbuje zrobić coś takiego ze po najechaniu na odnośnik pojawiał się pierwszy diw za nim.
Zrobiłem obecnie tak ale nie działa tak jak chcę a dalej nie mogę sobie poradzić proszę o pomoc

[HTML] pobierz, plaintext 
<html>
<head>
 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="sfca_panel.css" type="text/css" media="screen" />
<head>
<body>
<script type="text/javascript"> 
$(document).ready(function(){
 
 
	$('.sfca_competitor').hover(function(){
		$(this).siblings("div:first").fadeIn();
	}, function(){
		$(this).siblings("div:first").fadeOut();
	});
});
</script> 
 
 
 
<a href="#" class="sfca_competitor">zawodnik 1</a>
<div style="display: none;"> test test 1</div>
 <a href="#" class="sfca_competitor">zawodnik 2</a>
<div style="display: none;"> test test 2</div>
 
 
 
 
</body>
</html>
 
[HTML] pobierz, plaintext

viking

12.08.2015, 10:57:03

Nie potrzebujesz jquery do tego. W CSS wystarczy selektor +

[HTML] pobierz, plaintext 
a.sfca_competitor + div {
    display:none;
}
 
a.sfca_competitor:hover + div {
    display:block;
}
[HTML] 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.