2017-04-21 13 views
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); 
}); 

.

클릭 기능을 사용하여 위 코드를 시도해 보았는데 제대로 작동하지 않습니다. 이 문제에 대해 도움을주십시오. 감사합니다.

+1

'$ ('. '+ className)'이 (가) 효과가 있다고 생각합니다. –

답변

1

당신의 이름 앞에 마침표 (.)가 누락되었습니다. 시도해보십시오

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