javascript - Jqueryで2つのDivを表示/非表示

Question

私は2つのdivを持っています:

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

        </div>

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

        </div>

Jクエリコード:

<script type="text/javascript">

    $(document).ready(function(){

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

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

  });

  </script>

「コンポーネントの展開」をクリックするたびに、1 つの DIV を開こうとします。2つ開いて、彼らが私を助けてくれる人に満足しています