Activer ne fonctionne pas

Question

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); 
}); 

Ici, je veux activer l'accordéon à la fois la catégorie et question en cliquant sur la question commune.

J'ai essayé le code ci-dessus avec la fonction de clic qui ne fonctionnait pas correctement. S'il vous plaît aider sur cette question. merci

Answer 1

vous avez manqué période (.) avant le nom de votre classe. Essayez ci-dessous

var id = $(this).attr('id'); 
var className = "faqQs"+id; 
$('.'+ className).accordion("activate" , 0);