使用jQuery折叠列表

pvcm50d1  于 2022-11-29  发布在  jQuery
关注(0)|答案(1)|浏览(120)

我是jquery的新手。我正在尝试折叠一个列表。如果我只在ul里面使用,一切都很好,但是用这个我找不到错误。我需要显示和隐藏(折叠)ul,点击父td。
我有这个HTML

<td class="parent">Button</td>
<td>
  <ul class="child">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
</td>

jQuery查询

$('.child').hide();
    $('.parent').click(function() {
        $(this).siblings('.parent').find('ul').slideUp();
        $(this).find('ul').slideToggle();
    });
bf1o4zei

bf1o4zei1#

children()选择器与真正的父元素和slideToggle()一起使用,或者将$(this)next().children()slideToggle()一起使用,以使切换显示具有轻微的动画效果。
第一个

相关问题