Question

显示同样效果的最佳方法是什么here（右侧有“Nieuws”，“Laatste reacties”等。）

是否已经为jquery编写了任何“插件”，以使我的生活更轻松一点？

Answer 1

简单示例：

http://jsfiddle.net/LVsJs/

使用slideToggle。

Answer 2

如果您正在考虑崩溃面板，那么您可以使用jQuery切换功能： http://jqueryui.com/demos/toggle/ 您也可以将其他效果附加到切换功能。

如果你想在这个页面上看到这样的tabl，请看这里： http://jqueryui.com/demos/tabs/ 通过小型自定义，它们看起来就像在您的示例页面上一样。

Answer 3

我不确定插件，但这对jquery来说很容易。你基本上使用的东西是：

<div id="fullbox">
  <div id="header">
     Some Header Text
     <a id="expandcollapselink" href="#">Expand</a>
  </div>
  <div id="body">
     Box Body
  </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
   $('.expandcollapselink').click(function() {
      if ($('#fullbox').hasClass('.active')) {
         $('$body').hide();
         $('#fullbox').removeClass('.active');
      } else {
         $('#body').show();
         $('#fullbox').addClass('.active');
      }
   });
});
</script>

折叠并订购div / list

3 个答案: