Fatal编程技术网
  • jquery/
  • 使用jQuery折叠列表

使用jQuery折叠列表

jquery

使用jQuery折叠列表,jquery,show-hide,collapse,Jquery,Show Hide,Collapse,我对jquery非常熟悉。我想把一张单子折叠起来。如果我只在ul内部使用，一切都是好的，但是我找不到错误。我需要显示和隐藏（折叠）ul，点击父td 我有这个HTML <td class="parent">Button</td> <td> <ul class="child"> <li>1</li> <li>2</li> <li>3</li> &

我对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>
将
children（）



$（文档）.ready（函数（）{
$（“#行”）。在（“单击”，“td”，函数（）上）{
$（this.next（）.children（）.slideToggle（）；
});
});


按钮

    

  • 一,
    • 

  • 二,
    • 

  • 三,
    • 

  • 四,
    • 



谢谢！只有一个问题。我不需要这样的按钮，我需要使用文本（完整td）。我的html可以吗？感谢againOkay，看起来jquery不喜欢直接单击名为其类的元素的tr标记。。。因此，如果对其父ID使用
.on（event，selector
方法，则该方法有效。

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