Здравствуйте. Помогите настроить toggle(), чтобы отображать/скрывать элементы для конкретной категории. Сейчас, при нажатии на кнопку у любой категории, скрытые элементы отображаются напротив ссылок всех категорий. Количество категорий не статическое, может уменьшаться или увеличиваться. Вот код: HTML: <html> <head> <style> .toggle{ display:none; } </style> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p><b>Категория 1</b> <button class="button">✎</button></p> <div> <div>Ссылка 1<a class="toggle" style='color: red;'> x</a></div> <div>Ссылка 2<a class="toggle" style='color: red;'> x</a></div> </div> <p><b>Категория 2</b> <button class="button">✎</button></p> <div> <div>Ссылка 1<a class="toggle" style='color: red;'> x</a></div> <div>Ссылка 2<a class="toggle" style='color: red;'> x</a></div> <div>Ссылка 3<a class="toggle" style='color: red;'> x</a></div> <div>Ссылка 4<a class="toggle" style='color: red;'> x</a></div> </div> <p><b>Категория 3</b> <button class="button">✎</button></p> <div> <div>Ссылка 1<a class="toggle" style='color: red;'> x</a></div> <div>Ссылка 2<a class="toggle" style='color: red;'> x</a></div> <div>Ссылка 3<a class="toggle" style='color: red;'> x</a></div> </div> <script type="text/javascript"> $('.button').click(function(){ $('.toggle').toggle(); }) </script> </body> </html>