如何控制每個人的jQuery顯示隱藏？

如何控制每個人的jQuery顯示隱藏？我想要鼠標懸停111，顯示你好1.鼠標懸停222，顯示你好2.鼠標懸停333，顯示你好3.謝謝。如何控制每個人的jQuery顯示隱藏？

<head> 
    <style> 
     .menu{ display:none; } 
    </style> 
    <script src="http://code.jquery.com/jquery-1.5.js"></script> 
</head> 
<body> 
<ul> 
    <li> 
     <a href="" class="link">111</a> 
     <div class="menu">Hello 1</div> 
    </li> 
    <li> 
     <a href="" class="link">222</a> 
     <div class="menu">Hello 2</div> 
    </li> 
    <li> 
     <a href="" class="link">333</a> 
     <div class="menu">Hello 3</div> 
    </li> 
</ul>  
<script> 
$(document).ready(
function(){ 
    $(".link").mouseover(function(){ 
    $(".menu").show(".slow"); 
    }); 
    $(".menu").mouseout(function() { 
    $(".menu").hide("slow"); 
    }); 
}); 
</script>  
</body>

來源

2011-02-08 yuli chika

嘗試使用懸停下面給出：

$(document).ready(
    function(){ 
     $(".link").hover(function(){ 
     $(this).next().show("slow"); 
     },function() { 
     $(this).next().hide("slow"); 
     }); 
    });

工作例如@：

http://jsfiddle.net/6hTZR/3/

來源

2011-02-08 14:18:19 Chandu

不錯的例子。工作得很好。 – 2011-02-08 14:24:05

使用此$(".menu", this)而不是$(".menu")。

來源

2011-02-08 14:13:34

試試這個：

$(".link").hover(
    function(){ 
    $(this).next("div.menu").fadeIn("fast"); 
    }, 
    function(){ 
    $(this).next("div.menu").fadeOut("fast"); 
    } 
);

來源

2011-02-08 14:17:48

$(".link").mouseover(function() { 
    $(this).closest('li').find('.menu').show('slow'); 
}); 

$(".menu").mouseout(function() { 
    $(this).hide("slow"); 
});

來源

2011-02-08 14:18:43

如何控制每個人的jQuery顯示隱藏？

回答

相關問題