Jquery toggleClass显示隐藏2套手风琴
我有两套手风琴,通过回答是或否可以隐藏/显示另一套 htmlJquery 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-
这里是-尝试点击手风琴中的“是”,你可以看到发生了什么。我希望能够单击“是”,面板展开,“否”隐藏,反之亦然您愿意这样做吗 请检查这个
重要事项: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");
}
});