javascript - super 简单的 jQuery 选项卡 - 没有 UI - 页面加载时折叠

Question

我希望所有选项卡在页面加载时折叠。现在第一个默认打开:

  $(document).ready(function($) {
    $('#forms').find('.forms-toggle').click(function(){

      //Expand or collapse this panel
      $(this).next().slideToggle('fast');

      //Hide the other panels
      $(".forms-content").not($(this).next()).slideUp('fast');

    });
  });

HTML 和 CSS 在这里:

https://jsfiddle.net/re8x8cx3/

Answer 1

将其放入 dom 中准备好，

 $(".forms-content").hide();

那么代码将是，

$(document).ready(function($) {
  $(".forms-content").hide();
  $('#forms').find('.forms-toggle').click(function() {
    //Expand or collapse this panel
    $(this).next().slideToggle('fast');
    //Hide the other panels
    $(".forms-content").not($(this).next()).slideUp('fast');
  });
});

Fiddle