我目前的手风琴容器有效。 https://jsfiddle.net/c9bwogte/
我使用查询对头部和身体进行分组,效果很好。 默认情况下如何让它扩展第一个头? 第一个头将最终成为当年。
$(document).ready(function () {
//toggle the component with class accordion_body
$(".accordion_head").click(function () {
if ($('.accordion_body').is(':visible')) {
$(".accordion_body").slideUp(200);
$(".plusminus").text('+');
}
if ($(this).next(".accordion_body").is(':visible')) {
$(this).next(".accordion_body").slideUp(200);
$(this).children(".plusminus").text('+');
} else {
$(this).next(".accordion_body").slideDown(200);
$(this).children(".plusminus").text('-');
}
});
});
答案 0 :(得分:1)
您最后可以添加.click()
来触发手风琴:
$(".accordion_head").click(function () {
if ($('.accordion_body').is(':visible')) {
$(".accordion_body").slideUp(200);
$(".plusminus").text('+');
}
if ($(this).next(".accordion_body").is(':visible')) {
$(this).next(".accordion_body").slideUp(200);
$(this).children(".plusminus").text('+');
} else {
$(this).next(".accordion_body").slideDown(200);
$(this).children(".plusminus").text('-');
}
}).click();
<强> jsFiddle example 强>