Question

在底部有一个标签部分。秒标签“详细信息”给出了我想要完成的示例。您可以显示/隐藏每一行，并可以显示/隐藏该列表行中的详细信息。

这是jQuery UI的一部分吗？如果是这样，有没有人碰巧知道它叫什么？

Answer 1

它是jQuery的一部分。它只是一个简单的隐藏和显示在另一个div。

<div class="Control">Toggle</div>
<div class="Content" style="display: none;">Some content you want to toggle.</div>

<script>
    $(".Control").click(function(){
        $(this).next(".Content").toggle();
    });
<script>

您的元素可以更改为您想要的任何内容，LI，IMG，DIV。

Answer 2

这是一个简单的手风琴如果你不想让它们都隐藏起来。删除此行$('.contentblock').not(c).hide();

<ul id="accord">
  <li>
    <a href="#">title</a>
    <div class="contentblock">Content</div>
  </li>
  <li>
    <a href="#">title2</a>
    <div class="contentblock">Content2</div>
  </li>
 </ul>

然后......

$(function () {
  $('.contentblock').hide();
  $('#accord').delegate('li > a','click',function () {

    var c = $(this).parent().find('.contentblock').toggle();
    $('.contentblock').not(c).hide();
  })
});

jQuery崩溃列表？

2 个答案: