Javascript 如何在鼠标悬停时隐藏所有元素_Javascript_Jquery_Jsp

Javascript 如何在鼠标悬停时隐藏所有元素

javascript jquery jsp

Javascript 如何在鼠标悬停时隐藏所有元素,javascript,jquery,jsp,Javascript,Jquery,Jsp,我有一段代码，它隐藏了列表中我需要的所有奇偶元素，除了前两个元素，我想隐藏其他4个元素。以下是我的代码： <body> <ul> <li>Milk</li> <li>White</li> <li>Carrots</li> <li>Orange</li> <li>Broccoli&

我有一段代码，它隐藏了列表中我需要的所有奇偶元素，除了前两个元素，我想隐藏其他4个元素。以下是我的代码：

<body>
    <ul>
        <li>Milk</li>
        <li>White</li>
        <li>Carrots</li>
        <li>Orange</li>
        <li>Broccoli</li>
        <li>Green</li>
    </ul>
    <script>
        $( "li" )
            .filter( ":odd" )
            .hide()
            .end()
            .filter( ":even" )
            .hover(function() {
                $( this )
                    .toggleClass( "active" )
                    .next()
                    .stop( true, true )
                    .slideToggle();
            });
    </script>
</body>



牛奶
白色的
胡萝卜
橙色的
花椰菜
绿色的

$（“li”）
.filter（“：奇数”）
.hide（）
(完)
.filter（“：偶数”）
.hover（函数（）{
$（本）
.toggleClass（“活动”）
.next（）
.停止（对，对）
.slideToggle（）；
});

建议我怎么做。

使用实现它：

$( "li:gt(1)" )
.filter( ":odd" )
.hide()
.end()
.filter( ":even" )
.hover(function() {
  $( this )
    .toggleClass( "active" )
    .next()
      .stop( true, true )
      .slideToggle();
});

阅读更多关于

的信息，试试这个

 $('.MainUl').find('li:first').hover(function() {
     $('.MainUl').find('li').not($(this)).not($(this).next("li")).hide();
 });

 $('.MainUl').find('li:first').next("li").hover(function() {
     $('.MainUl').find('li').not($(this)).not($(this).prev("li")).hide();
 });

小提琴演示