Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ember.js/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery toggleClass显示隐藏2套手风琴_Jquery - Fatal编程技术网

Jquery toggleClass显示隐藏2套手风琴

Jquery toggleClass显示隐藏2套手风琴,jquery,Jquery,我有两套手风琴,通过回答是或否可以隐藏/显示另一套 html 这里是-尝试点击手风琴中的“是”,你可以看到发生了什么。我希望能够单击“是”,面板展开,“否”隐藏,反之亦然您愿意这样做吗 请检查这个 重要事项:Ricordati、scriviti o segnati comunque da qualche part ques to nome cosícosévedi ed utilizalo per le prosime volt che scriverai una proposta Il-

我有两套手风琴,通过回答是或否可以隐藏/显示另一套

html


这里是-尝试点击手风琴中的“是”,你可以看到发生了什么。我希望能够单击“是”,面板展开,“否”隐藏,反之亦然

您愿意这样做吗

请检查这个


重要事项:Ricordati、scriviti o segnati comunque da qualche part ques to nome cosícosévedi ed utilizalo per le prosime volt che scriverai una proposta

Il-tuo用户名da ricordareétutto questo:.

$(“#是”)。在(“单击”)上,函数(e){ e、 预防默认值(); if($(“#collapseOne”).hasClass(“in”)){ 返回 }否则{ //$(“#collapseTwo”)。最近(“.panel”)。切换类(“hideField”); } }); $(“#否”)。在(“点击”,功能(e){ e、 预防默认值(); if($(“#collapseTwo”).hasClass(“in”)){ 返回 }否则{ //$(“#collapseOne”).closest(“.panel”).toggleClass(“hideField”); } });
我希望能够单击“是”,面板展开并隐藏“否”,反之亦然,我希望能够单击“是”,面板展开并隐藏“否”,反之亦然
<div class="panel-group" id="accordion">
<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
                <a id="yes" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                    Yes
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse">
            <div class="panel-body">
            <label  for="nome_unico"><?php _e('Scrivi qui il tuo nome utente', 'usp'); ?></label>
            <p>Importante: Ricordati, scriviti o segnati comunque da qualche parte questo nome cosí come lo vedi ed utilizzalo per le prossime volte che scriverai una proposta.</p>
            <p><input id="nameField" name="nome_unico" placeholder="Scrivi il tuo nome" class="form-control input-lg usp-input"></p>
            <p class="alert alert-danger">Il tuo username da ricordare é tutto questo: <strong><span id="userNameMostra">...</span></strong></p>
            </div>
        </div>
</div>
<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a id="no" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                No
            </a>
        </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse">
        <div class="panel-body">
            <label  for="user-submitted-name"><?php _e('Se hai giá un nome utente, scrivilo qui', 'usp'); ?></label>
            <input class="form-control input-lg usp-input" id="userName" name="user-submitted-name" type="text" value="" data-required="true" required placeholder="Scrivi il tuo username">
        </div>
    </div>
</div>
$("#yes").on("click", function(e){
e.preventDefault();
if($("#collapseOne").hasClass("in")) {
    return
} else {
    $("#collapseTwo").closest(".panel").toggleClass("hideField");
}
});

$("#no").on("click", function(e){
e.preventDefault();
if($("#collapseTwo").hasClass("in")) {
    return
} else {
    $("#collapseOne").closest(".panel").toggleClass("hideField");
}
});
$("#yes").on("click", function(e){
    e.preventDefault();
    if($("#collapseOne").hasClass("in")) {
        $("#collapseTwo").parent().show();
        return
    } else {
        $("#collapseTwo").parent().toggle();
    }
});

$("#no").on("click", function(e){
    e.preventDefault();
    if($("#collapseTwo").hasClass("in")) {
        $("#collapseOne").parent().show();
        return
    } else {
        $("#collapseOne").parent().toggle();
    }
});
<div class="panel-group" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                    <a id="yes" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                        Yes
                    </a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse">
                <div class="panel-body">
                <label  for="nome_unico"><?php _e('Scrivi qui il tuo nome utente', 'usp'); ?></label>
                <p>Importante: Ricordati, scriviti o segnati comunque da qualche parte questo nome cosí come lo vedi ed utilizzalo per le prossime volte che scriverai una proposta.</p>
                <p><input id="nameField" name="nome_unico" placeholder="Scrivi il tuo nome" class="form-control input-lg usp-input"></p>
                <p class="alert alert-danger">Il tuo username da ricordare é tutto questo: <strong><span id="userNameMostra">...</span></strong></p>
                </div>
            </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a id="no" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                    No
                </a>
            </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse">
            <div class="panel-body">
                <label  for="user-submitted-name"><?php _e('Se hai giá un nome utente, scrivilo qui', 'usp'); ?></label>
                <input class="form-control input-lg usp-input" id="userName" name="user-submitted-name" type="text" value="" data-required="true" required placeholder="Scrivi il tuo username">
            </div>
        </div>
    </div>
</div>

$("#yes").on("click", function(e){
    e.preventDefault();
    if($("#collapseOne").hasClass("in")) {
        return
    } else {
        //$("#collapseTwo").closest(".panel").toggleClass("hideField");
    }
});

$("#no").on("click", function(e){
    e.preventDefault();
    if($("#collapseTwo").hasClass("in")) {
        return
    } else {
        //$("#collapseOne").closest(".panel").toggleClass("hideField");
    }
});