javascript – jQuery – 在点击时切换要更改的文本

前端之家收集整理的这篇文章主要介绍了javascript – jQuery – 在点击时切换要更改的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个菜单按钮,点击它时会向下滑动一个div.

我的菜单标题“打开菜单

单击菜单按钮后,我的代码标题更改为“菜单”以指示菜单已打开.

用户关闭菜单时,我希望标题恢复为“ – 菜单

这是我定义类的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");
});

猜你在找的jQuery相关文章