Click Function内のクラスのインデックスを取得

Question

インデックスを.modalwindows .modAcContentに追加して、コンテンツを表示/非表示できるようにします。

<div class="modAcContent acc_content0" style="display: block;">Content Goes here</div> 

私は再びそれをクリックすると、それはNONEに

<div class="modAcContent acc_content0" style="display: none;">Content Goes here</div> 

を変更します。これは、BLOCKに変わり、私は.modAcTitleをクリックしたときに、私は、+インデックスので

$(".modalwindows .modAcContent"+index).css('display','none'); 

が含まれるように望んでいるあります

私はこれを使うことができると考えましたが、クリック機能内でインデックスを正しく取得しません。ここで

var index = $(".modalwindows .modAcContent").index() 

は私のクリック機能とデモです：https://jsfiddle.net/akagg4j1/6/

$('.modAcTitle:not(.modAcLink)').click(function() { 

var index = $(".modalwindows .modAcContent").index() 

     if($(this).next().is(':hidden') != true) { 
      $(this).removeClass('modAcActive'); 
      $(this).next().slideUp('normal') 
      $(".modalwindows .modAcContent"+index).css('display','none'); 

     } else { 

      $(this).siblings('.modAcTitle').removeClass('modAcActive'); 
      $(this).siblings('.modAcContent').slideUp('normal') 
      if($(this).next().is(':hidden') == true) { 
      $(this).addClass('modAcActive'); 
      $(".modalwindows .modAcContent"+index).css('display','block'); 
      $(this).next().slideDown('normal'); 

      } 
     } 
     }); 

Answer 1

トリックは、このクリック機能に

デモ活用した：http://jsfiddle.net/XwN2L/7201/

$('.showSingle').click(function(){ 
       $('.targetDiv').hide(); 
       $('#div'+$(this).attr('target')).show(); 
     }); 

をここに私のデモです完成品。デスクトップとモバイルの両方で動作します。これは、CMSの使用例に適しています。これは、使用するように設計されたものです。

https://jsfiddle.net/akagg4j1/12/