jQuery按钮切换文本不工作onclick

时间:2015-05-04 18:18:16

标签: jquery

我试图通过简单的切换效果隐藏和显示我已经设法做的点击内容,但我也希望按钮的文本切换。因此,当它加载时,读取"点击此处查看类"然后单击它显示内容并切换按钮上的文本以阅读"单击以隐藏类"

这是我的小提琴:https://jsfiddle.net/44wdatL9/

我已经把这个代码拿出来了,它似乎只是在第一次点击时更改了文字,而不是将其切换回来。

$(".class-list").toggle(function() {
    $(this).text("Click here to view classes");
}, function() {
    $(this).text("Click to hide classes");
});

1 个答案:

答案 0 :(得分:1)

If you have multiple buttons then you may assign css class i.e "classesVisible" and on click toggle the class of that particular item and change its text accordingly.