Question

我知道这是一个非常广泛的问题，但当我尝试谷歌时，我得到的就是下拉菜单的答案。

当您点击某个问题时，我正在寻找下拉文字的代码，就像它已完成here一样。或者至少是一个名字，所以我可以更具体地谷歌。

Answer 1

HTML：

<ul id="q-and-a">
    <li><a>Question One</a>
      <div>Answer to Question One...</div>
    </li>
    <li><a>Question Two</a>
      <div>Answer to Question Two...</div>
    </li>
</ul>

CSS：

ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; list-style: none; }
ul li a { color: blue; }
ul li div { display: none; }

JQuery的：

$(function(){

  $('#q-and-a li a').each(function(){
      $(this).click(function(){
          $(this).siblings('div').slideToggle(300);            
      });        
  });                

});

你可能不需要插件来做这么简单的事情。只需设置正确的结构，然后显示/隐藏“揭示”内容。

Answer 2

这就是你所说的手风琴和jQueryUI has one。默认情况下，它不像网站中的那样，但可以配置为以相同的方式运行。

下载此特定网站上的文字

2 个答案: