Hello. There is such a layout

<button class="btn_more">Подробнее</button></p> <div class="ctn_more">Первый блок</div> <button class="btn_more">Подробнее</button></p> <div class="ctn_more">Второй блок</div> <button class="btn_more">Подробнее</button></p> <div class="ctn_more">Третий блок</div>

SlideToogle works

 <script> $(".btn_more").click(function () { $(".ctn_more").slideToggle("slow"); }); </script>

But does he discover everything at once? How to write that would open the block of the button that you clicked on?

    1 answer 1

     $(".btn_more").click(function() { $(this).next("div.ctn_more").slideToggle("slow"); }); 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="btn_more">Подробнее</button> <div class="ctn_more">Первый блок</div> <button class="btn_more">Подробнее</button> <div class="ctn_more">Второй блок</div> <button class="btn_more">Подробнее</button> <div class="ctn_more">Третий блок</div>