javascript - 如何使span类在触发之前不可见？

我在一个“ li”标签中创建了两个span类，我希望它们在按下按钮时进行切换，我遇到的问题是它们都出现并且我的JS无法正常工作，我在jsfiddle上检查了我的js也没有出现错误

这是fiddle

$(document).ready(function () {
$(".smiley").click(function () {


    if ($('button').clicked) {
        $('.off').css('display' ,'true');
        $('.on').css('display', 'none');
    } else {
        $('.off').css('display', 'none');
    }
});

}）;

最佳答案

在jQuery中，您可以使用.toggle()

以下是您摆弄的错误：

（1）您错过了添加jsfiddle左上角可用的jQuery库的功能。

（2）没有类似display: off的东西，而是使用display: none

$('.off').css('display' ,'off');  //wrong

（3）您的代码中没有名为.smiley的类。

$(".smiley").click(function () { //wrong and unnecessary

（4）没有类似的东西

if ($('button').clicked) { //wrong and unnecessary

（5）您需要了解有关选择器MDN的更多信息

我已经如下调整您的代码

$(document).ready(function () {
    $("button").on('click', function () {
        $('.toggle').toggle();
    });
});

Working fiddle

关于javascript - 如何使span类在触发之前不可见？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17684740/