Javascript 如何通过dfault激活第一个手风琴

Javascript 如何通过dfault激活第一个手风琴,javascript,jquery,css,Javascript,Jquery,Css,下面是我获得的手风琴,现在看起来不错,我正在尝试指定第一个手风琴作为默认打开,但我无法这样做。我想我必须完成jquery,但我在Js和所有方面都是noob。感谢您的快速解决方案 $(文档).ready(函数(){ //使用类accordion\u body切换组件 $(“.accordion\u head”)。单击(函数(){ 如果($('.accordion_body')。是(':visible')){ $(“.accordion_body”).slideUp(300); $(“.plusm

下面是我获得的手风琴,现在看起来不错,我正在尝试指定第一个手风琴作为默认打开,但我无法这样做。我想我必须完成jquery,但我在Js和所有方面都是noob。感谢您的快速解决方案

$(文档).ready(函数(){
//使用类accordion\u body切换组件
$(“.accordion\u head”)。单击(函数(){
如果($('.accordion_body')。是(':visible')){
$(“.accordion_body”).slideUp(300);
$(“.plusminus”).text(“+”);
}
if($(this).next(“.accordion_body”)是(':visible')){
$(本).next(“.accordion_body”).slideUp(300);
$(this.children(“.plusminus”).text(“+”);
}否则{
$(this.next(“.accordion_body”)。向下滑动(300);
$(this.children(“.plusminus”).text('-');
}
});
});
.accordion\u容器{
宽度:100%;
}
.手风琴头{
背景色:#e74c3c;
颜色:白色;
光标:指针;
字体系列:“Abel”;
字体大小:20px;
边距:0 1px 0;
填充:7px 11px;
左侧填充:35px;
字体大小:粗体;
}
.手风琴琴体{
字体大小:20px!重要;
背景:透明;
颜色:#666;
填充:7px 11px;
左侧填充:35px;
右边填充:35px;
}
.手风琴{
填充:18px 5px;
边际:0px;
}
普鲁斯米努斯先生{
字体大小:20px!重要;
浮动:对;
}
.手风琴式集装箱h5{
字体系列:“Abel”;
文本转换:大写;
文本对齐:左对齐;
颜色:#666;
文本阴影:1px 1px#000;
字号:100;
字体大小:24px;
线高:20px;
}

手风琴#01+
“知识本身是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德。”


手风琴#02+ “Lorem ipsum door sit amet,一位杰出的献身者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作


手风琴#03+ “知识本身是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德。”


加载后,您只需在第一个按钮上触发click事件,因此您的新js如下所示

$(document).ready(function () {
    //toggle the component with class accordion_body
    $(".accordion_head").click(function () {
        if ($('.accordion_body').is(':visible')) {
            $(".accordion_body").slideUp(300);
            $(".plusminus").text('+');
        }
        if ($(this).next(".accordion_body").is(':visible')) {
            $(this).next(".accordion_body").slideUp(300);
            $(this).children(".plusminus").text('+');
        } else {
            $(this).next(".accordion_body").slideDown(300);
            $(this).children(".plusminus").text('-');
        }
    });

    $(".accordion_head").first().click(); //<-- new line of code
});
$(文档).ready(函数(){
//使用类accordion\u body切换组件
$(“.accordion\u head”)。单击(函数(){
如果($('.accordion_body')。是(':visible')){
$(“.accordion_body”).slideUp(300);
$(“.plusminus”).text(“+”);
}
if($(this).next(“.accordion_body”)是(':visible')){
$(本).next(“.accordion_body”).slideUp(300);
$(this.children(“.plusminus”).text(“+”);
}否则{
$(this.next(“.accordion_body”)。向下滑动(300);
$(this.children(“.plusminus”).text('-');
}
});

$(“.accordion_head”).first().click();//加载第一个文件后,您只需在第一个文件上触发click事件,因此新的js将如下所示

$(document).ready(function () {
    //toggle the component with class accordion_body
    $(".accordion_head").click(function () {
        if ($('.accordion_body').is(':visible')) {
            $(".accordion_body").slideUp(300);
            $(".plusminus").text('+');
        }
        if ($(this).next(".accordion_body").is(':visible')) {
            $(this).next(".accordion_body").slideUp(300);
            $(this).children(".plusminus").text('+');
        } else {
            $(this).next(".accordion_body").slideDown(300);
            $(this).children(".plusminus").text('-');
        }
    });

    $(".accordion_head").first().click(); //<-- new line of code
});
$(文档).ready(函数(){
//使用类accordion\u body切换组件
$(“.accordion\u head”)。单击(函数(){
如果($('.accordion_body')。是(':visible')){
$(“.accordion_body”).slideUp(300);
$(“.plusminus”).text(“+”);
}
if($(this).next(“.accordion_body”)是(':visible')){
$(本).next(“.accordion_body”).slideUp(300);
$(this.children(“.plusminus”).text(“+”);
}否则{
$(this.next(“.accordion_body”)。向下滑动(300);
$(this.children(“.plusminus”).text('-');
}
});

$(“.accordion\u head”).first().click();//我已将display:none添加到类中。accordion\u body将隐藏每个选项卡的正文,并添加了一个类.active,该类将添加到第一个accordion选项卡的html代码中,以便在默认情况下打开

$(文档).ready(函数(){
//使用类accordion\u body切换组件
$(“.accordion\u head”)。单击(函数(){
如果($('.accordion_body')。是(':visible')){
$(“.accordion_body”).slideUp(300);
$(“.plusminus”).text(“+”);
}
if($(this).next(“.accordion_body”)是(':visible')){
$(本).next(“.accordion_body”).slideUp(300);
$(this.children(“.plusminus”).text(“+”);
}否则{
$(本).next(.accorpion_ubody”).slideDown(300);
$(this.children(“.plusminus”).text('-');
}
});
});
.accordion\u容器{
宽度:100%;
}
.手风琴头{
背景色:#e74c3c;
颜色:白色;
光标:指针;
字体系列:“Abel”;
字体大小:20px;
边距:0 1px 0;
填充:7px 11px;
左侧填充:35px;
字体大小:粗体;
}
.手风琴琴体{
字体大小:20px!重要;
显示:无;
背景:透明;
颜色:#666;
填充:7px 11px;
左侧填充:35px;
右边填充:35px;
}
.手风琴{
填充:18px 5px;
边际:0px;
}
普鲁斯米努斯先生{
字体大小:20px!重要;
浮动:对;
}
.主动{
显示:块;
}
.手风琴式集装箱h5{
字体系列:“Abel”;
文本转换:大写;
文本对齐:左对齐;
颜色:#666;
文本阴影:1px 1px#000;
字号:100;
字体大小:24px;
线高:20px;
}

手风琴#01+
“Lorem ipsum Door sit amet,是一位杰出的献身者,是一位临时顾问