jQuery slideYalnızca bir div üzerinde çalışabilir, başkaları değil, sadece

Question

Basit bir sekme navigasyon sistemim var ve daha temiz ve daha modüler olmasını kodlamak istedim.

Bunu denemeniz için bir JSFiddle yaptım.

HTML:

<div class="col-4"> 
    <nav> 
     <ul> 
      <li id="tab_entry"  value="0" class="navActive myPanelNavLi"><span class="fa fa-plus-circle"></span> Entry</li> 
      <li id="tab_search"  value="1" class="myPanelNavLi">Search</li> 
     </ul> 
    </nav> 

<div class="panelTab_0 myPanelActive lightShadow darkBg roundedBottom"> 
STORAGE ENTRY 
</div> 

<div class="panelTab_1 myPanelActive lightShadow darkBg roundedBottom"> 
STORAGE ENTRY 
</div> 

JS: Temelde

//myPanel sliders 
$(".myPanelNavLi").click(function(){ 

    var choiceValue = $(this).attr("value"); 
    var choice = '.panelTab_' + choiceValue; 
    console.log(choice); 

    $(this).parent().parent().next(choice).slideToggle(300); 

}); 

siz "Entry" tıkladığınızda, bu slayt

düzgün değiştirir Ama Ara 'yı zaman, kaymıyorsa . Bu beni deli ediyor. Herhangi bir yardım büyük beğeni topluyor.

https://jsfiddle.net/g44xt4m8/3/

teşekkür ederiz. Nick

Answer 1

https://jsfiddle.net/g44xt4m8/5/

$(".myPanelNavLi").click(function(){ 

     var choiceValue = $(this).attr("value"); 
     var choice = '.panelTab_' + choiceValue; 

     $(choice).slideToggle(300); 


    });