javascript - .toogle() 但点击 2 或 3

Question

Wordpress 个人项目，我有点失望：

我从简码（function.php）创建了一个按钮和一个 div：

（进入我的简码功能）

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。

我不明白，我只想每次点击隐藏/显示。

你可以帮帮我吗 ？

标签： javascriptphpwordpress

Answer 1

该函数jQuery("#button_detail_sc2").click(...)为按钮上的单击事件添加事件处理程序。这不是必需的，因为您正在使用该onclick属性，因此showhide_detail_sc2()每次单击按钮时都会执行该函数。

尝试直接执行切换命令：

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