Показать/Скрыть две дивы с Jquery

Question

я два Div'S:

  <a href="#" class="component_expand"></a> 
     <div class="component_wrapper"> 

     </div> 

     <a href="#" class="component_expand"></a> 
     <div class="component_wrapper"> 

     </div> 

Jquery код:

<script type="text/javascript"> 

    $(document).ready(function(){ 

    $(".component_wrapper").hide(); 
    $(".component_expand").show(); 

    $('.component_expand').click(function(){ 
    $(".component_wrapper").slideToggle(); 
    }); 

    }); 

    </script> 

Я стараюсь каждый раз, когда я нажимаю на "компонент расширения" один DIV открыт. Теперь откройте два . Я был бы рад тому, кто они мне помогают

Answer 1

Вам нужно сделать свой селектор конкретным, используйте next.

$(this).next().slideToggle(); 

Try:

$(document).ready(function(){ 
    $(".component_wrapper").hide(); //You can do this using css rule itself 
    $(".component_expand").show().click(function(){ 
     $(this).next().slideToggle(); 
    }); 
    }); 

Demo

Answer 2

Используйте экземпляр this и .next

$('.component_expand').click(function(){ 
    $(this).next(".component_wrapper").slideToggle(); 
});