手风琴激活不起作用
Accordion Activate not working
HTML
<div class="faq-left">
<div class="heading">Common Questions Asked:</div>
<div class="content-qstions">
<ul>
@foreach($questns as $common)
<li><a href="#" category="{{$common->fk_category}}" id="{{$common->id}}" id="faq-click">{{$common->question}}</a></li>
@endforeach
</ul>
</div>
</div>
<div class="faq-right">
<div class="tab-blugate">
<div class="accordion">
@foreach($faqData as $faqItem)
<h3>{{$faqItem['category']['name']}}</h3>
<div>
@foreach($faqItem['faq'] as $fqaQustn)
<div class="accordion accordion-inner faqQs{{$fqaQustn->id}}">
<h3>{{$fqaQustn->question}}</h3>
<div>{!!$fqaQustn->answer!!}</div>
</div>
@endforeach
</div>
@endforeach
</div>
</div>
</div>
JS
$(".content-qstions li a").click(function(){
var id = $(this).attr('id');
var className = "faqQs"+id;
$(className).accordion("activate" , 0 );
});
这里我想在点击常见问题时同时激活类别和问题的手风琴。
我用点击功能试过上面的代码,但不能正常工作。请帮助解决这个问题。谢谢
您在 class 姓名前遗漏了 句号(.)。试试下面
var id = $(this).attr('id');
var className = "faqQs"+id;
$('.'+ className).accordion("activate" , 0 );
HTML
<div class="faq-left">
<div class="heading">Common Questions Asked:</div>
<div class="content-qstions">
<ul>
@foreach($questns as $common)
<li><a href="#" category="{{$common->fk_category}}" id="{{$common->id}}" id="faq-click">{{$common->question}}</a></li>
@endforeach
</ul>
</div>
</div>
<div class="faq-right">
<div class="tab-blugate">
<div class="accordion">
@foreach($faqData as $faqItem)
<h3>{{$faqItem['category']['name']}}</h3>
<div>
@foreach($faqItem['faq'] as $fqaQustn)
<div class="accordion accordion-inner faqQs{{$fqaQustn->id}}">
<h3>{{$fqaQustn->question}}</h3>
<div>{!!$fqaQustn->answer!!}</div>
</div>
@endforeach
</div>
@endforeach
</div>
</div>
</div>
JS
$(".content-qstions li a").click(function(){
var id = $(this).attr('id');
var className = "faqQs"+id;
$(className).accordion("activate" , 0 );
});
这里我想在点击常见问题时同时激活类别和问题的手风琴。
我用点击功能试过上面的代码,但不能正常工作。请帮助解决这个问题。谢谢
您在 class 姓名前遗漏了 句号(.)。试试下面
var id = $(this).attr('id');
var className = "faqQs"+id;
$('.'+ className).accordion("activate" , 0 );