0

私はこのHTMLを持っています:

<div id="content">
    <div class='sub_menu a'></div>
    <div class='sub_menu b'></div>
    <div class='sub_menu c'></div>
    <ul>
        <li class='a'>link a</li>
        <li class='b'>link b</li>
        <li class='c'>link c</li>
    </ul>
</div>

$('li').mouseleave(function(e) {
    var cl = $(this).attr('class');
    $(".sub_menu." + cl).show();
}).mouseleave(function() {
    var cl = $(this).attr('class');
    $(".sub_menu." + cl).hide(); //
});

同じクラス（a、b、またはc）<li> のdivがそれぞれにマウス入力すると表示されます。sub_menuマウス<li>が開いたdivの上にあるときに、このdivが開いたままになることが必要です。

マウスをsub_menuの上に置くと、これが閉じます。私がやろうとしていることを理解していただければ幸いです。

4

1 に答える 1

2 
$('li').hover(function() {
   $(".sub_menu").hide();

   var cl = $(this).attr('class');
   $(".sub_menu." + cl).show();
});​

コード: http://jsfiddle.net/8y5Zh/1/

于 2012-04-19T09:05:16.967 に答える