这是一款jQuery实现文字列表内容展开收起。默认情况下，每行只显示标题，点击“展开”时，所有内容全显示，“展开”按钮变为“收起”按钮；否则，点击“收起”又变为“展开”，同时只显示标题。

使用方法

在页面引入以下jquery.min.js文件

<script src="js/jquery.min.js"></script>

<script>
$(function(){
  $(".biji-content").hide();
  //按钮点击事件
  $("button").click(function(){
      var txts = $(this).parents("li");
      if ($(this).text() == "展开"){
          $(this).text("收起");
          txts.find(".biji-tit").hide();
          txts.find(".biji-content").show();
      }else{
          $(this).text("展开");
          txts.find(".biji-tit").show();
          txts.find(".biji-content").hide();
      }
  })
});
</script>