1
こんにちは私のウェブサイトで私はjqueryのアコーディオンを開いて閉じた仕事の詳細を閉じるのに使ったジョブポータルページを持っています。詳細ボタンをクリックすると、アコーディオンのタブは拡大していますが、もう一度クリックすると詳細情報ボタンをクリックすると閉じるのではなく、最初に開いているだけです。残りの部分はup.hereに向かって開きます。Jquery Accordionタブでボタンをクリックしないでください
<div class="digitalmarketingassociate">
<span class="digit">Digital Marketing Associate</span>
<div class="applynow">Apply Now</div>
<div class="moreinfo accordion" >More Info</div>
<div class="panel">
<p class="jobdes">Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</p>
</div>
</div>
<div class="juniorqaengineer">
<span class="digit">Junior QA Engineer</span>
<div class="applynow">Apply Now</div>
<div class="moreinfo accordion1">More Info</div>
<div class="panel">
<p class="jobdes">Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</p>
</div>
</div>
<div class="junioriosdeveloper">
<span class="digit">Junior iOS Developer</span>
<div class="applynow">Apply Now</div>
<div class="moreinfo accordion2">More Info</div>
<div class="panel">
<p class="jobdes">Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</p>
</div>
</div>
のjQuery：<div class="moreinfo accordion">More Info</div>：すべての
var acc = document.getElementsByClassName("accordion");
var i;
var currentActive;
var toggleAccordionState = function(accordion) {
accordion.classList.toggle("active");
accordion.nextElementSibling.classList.toggle("show");
};
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function(){
if(currentActive) {
toggleAccordionState(currentActive);
}
toggleAccordionState(this);
currentActive = this;
}
}
var acc = document.getElementsByClassName("accordion1");
var i;
var currentActive;
var toggleAccordionState = function(accordion) {
accordion.classList.toggle("active");
accordion.nextElementSibling.classList.toggle("show");
};
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function(){
if(currentActive) {
toggleAccordionState(currentActive);
}
toggleAccordionState(this);
currentActive = this;
}
}
var acc = document.getElementsByClassName("accordion2");
var i;
var currentActive;
var toggleAccordionState = function(accordion) {
accordion.classList.toggle("active");
accordion.nextElementSibling.classList.toggle("show");
};
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function(){
if(currentActive) {
toggleAccordionState(currentActive);
}
toggleAccordionState(this);
currentActive = this;
}
}
できる任意の一つで使用します。Javascriptのコードは次のようになりますこれらのおかげで、事前に助けてください – user7047368