Назначение и использование уникальных идентификаторов записей Wordpress для скрипта на главной странице индекса

Question

Я пытаюсь создать функцию отображения / скрытия комментариев к сообщениям на главной странице индекса в WordPress.В настоящее время у меня это работает, однако, так как каждый комментарий div имеет один и тот же класс, и скрипт показывает все div с этим классом, когда вы нажимаете на любую из кнопок показать / скрыть, все они на открытой странице.Вот сценарий, который я использую:

$(document).ready(function(){

$(".slidingDiv").hide();

$(".show_hide").show();


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

$(".slidingDiv").slideToggle();

});

});

Есть ли способ сделать так, чтобы при нажатии на ссылку показать / скрыть комментарии конкретного сообщения открылся только раздел комментариев этого сообщения?Я полагаю, что это потребует чего-то вроде создания переменной, которая извлекает идентификатор сообщения #, а затем использует это для изменения строк click (function () и slideToggle ().

Answer 1

Если кнопка .show_hide является родственным элементом .slidingDiv, который содержит комментарии, например ...

<div class="post">
    Blah blah blah.
    <button class="show_hide">Show/Hide Comments</button>
    <div class="slidingDiv">
          Comment 1
          Comment 2
    </div>
 </div>

, то вы можете сделать это в jQuery ...

$(".show_hide").click(function(){
     $(".slidingDiv", $(this).parent()).slideToggle();
 });