javascript - jQuery Vallenato Accordion

Question

我刚刚学习了一点 jQuery，我遇到了这个 Accordion 脚本:

$(document).ready(function()
{
//Add Inactive Class To All Accordion Headers
$('.accordion-header').toggleClass('inactive-header');

//Set The Accordion Content Width
var contentwidth = $('.accordion-header').width();
$('.accordion-content').css({'width' : contentwidth });

//Open The First Accordion Section When Page Loads
$('.accordion-header').first().toggleClass('active-    header').toggleClass('inactive-header');
$('.accordion-content').first().slideDown().toggleClass('open-content');


// The Accordion Effect
$('.accordion-header').click(function () {
if($(this).is('.inactive-header')) {
    $('.active-header').toggleClass('active-header').toggleClass('inactive-header').next().slideToggle().toggleClass('open-content');
    $(this).toggleClass('active-header').toggleClass('inactive-header');
    $(this).next().slideToggle().toggleClass('open-content');
}

else {
    $(this).toggleClass('active-header').toggleClass('inactive-header');
    $(this).next().slideToggle().toggleClass('open-content');
}
});

return false;
});

我真的很喜欢这个版本的 jquery Accordion ，但我想添加一个功能，使 Accordion 的高度只有这么大，然后内容会有一个滚动条。 jquery UI 站点上有一个示例，但它们的脚本有很大不同。谁能帮忙？

Answer 1

自定义它的最佳方法是使用 CSS，您可以轻松找到增加高度和删除滚动按钮的引用。试试 www.w3schools.com