我有一个菜单按钮,单击该按钮时会向下滑动到下面的一个 div。
我的菜单标题是“+打开菜单”
单击菜单按钮时,我的代码将标题更改为“+ Menu”以指示菜单已打开。
当用户关闭菜单时,我希望标题恢复为“- Menu”
这是我定义类的 HTML,在本例中为测试。
<span class="test">+ Open menu</span>
这是我的 jQuery 函数,我不知道如何恢复菜单状态。
$(document).ready(function () {
$(".widget_head_type").click(function ()
{
$(".widget_body_type").slideToggle("slow");
$(".test").text("- Close menu");
});
});
最佳答案
$(".widget_head_type").click(function () {
$(".widget_body_type").slideToggle("slow");
($(".test").text() === "+ Open menu") ? $(".test").text("- Close menu") : $(".test").text("+ Open menu");
});
关于javascript - jQuery - 切换文本以在单击时更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22263266/