.toogle () но на 2 или 3 клика

Question

Wordpress личный проект, я немного разочарован:

Я создал кнопку и div из шорткода (function.php):

(в мою функцию шорткода)

echo '<br /><br /><br /><button id="button_detail_sc2" onclick="showhide_detail_sc2()">Take a look on the div</button><br />';
echo '<div id="resume_quest_sc_2">XXXXXXXX</div>';

Я сделал функцию для скрытия / отображения div

function showhide_detail_sc2()
{
jQuery("#button_detail_sc2").click(function() {jQuery("#resume_quest_sc_2").toggle();  });}

Все работает нормально, НО мне нужно нажать 3 раза на кнопку, чтобы скрыть div в первый раз, и посленажмите 2 раза, чтобы снова отобразить или скрыть div.

Я не понимаю, я просто хочу скрыть / отобразить по 1 нажатию каждый раз.

Не могли бы вы помочь мне?

Answer 1

Функция jQuery("#button_detail_sc2").click(...) добавляет обработчик событий для события щелчка на вашей кнопке. В этом нет необходимости, поскольку вы используете атрибут onclick, поэтому функция showhide_detail_sc2() запускается при каждом нажатии кнопки.

Попробуйте выполнить команду переключения напрямую:

function showhide_detail_sc2()
{
    jQuery("#resume_quest_sc_2").toggle();
}