Question

我正试图在这个ul li结构上创建滑动效果。

<ul>Toggle between hide() and show()
<li class="liclass">This is a paragraph1.</li>
</ul>
<ul>Toggle between hide() and show()
<li class="liclass">This is a paragraph2.</li>
</ul>

我在这上面使用的jquery代码如下

$(document).ready(function () {
$("ul").click(function (evt) {      
    if(evt.target.tagName != 'UL') 
        return;
    $("li", this).toggle();
});

}）;

但是当我点击一个ul元素时它会显示滑动效果。但是点击其他ul我想隐藏其他显示的li。

我试过

$("li").not(this).toggle();

但它没有用。

Answer 1

可能是你的解决方案是：

$("ul").click(function (evt) {      
    
    $('li').slideUp();
    $(this).find('li').slideDown();
    
});

.liclass{
  display:none;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>Toggle between hide() and show()
<li class="liclass">This is a paragraph1.</li>
</ul>
<ul>Toggle between hide() and show()
<li class="liclass" >This is a paragraph2.</li>
</ul>

使用jquery处理无序列表

1 个答案: