Javascript 单击单个元素时的不同效果

当我单击一个类为

.show_nav

的元素时，我需要另一个id为

#FW_Logo

的元素，以获得

0.5

的不透明度。当我再次单击它时，它的不透明度应为

1

我该怎么做

这就是我到目前为止所做的：

$('.show_nav').click(function() {
    $('.level1').toggle(500);
    if (clicked != 1) {
        $('#FW_Logo').css("opacity", "0.5");
        var clicked = 1;
    }
    else if (clicked == 1) {
        $('#FW_Logo').css("opacity", "1")
        var clicked = 0;
    }
});

试试这个：

var clicked = 0;
$('.show_nav').click(function() {
    $('.level1').toggle(500);
    if (clicked == 0) {
        $('#FW_Logo').css("opacity", "0.5");
        clicked = 1;
    }
    else if (clicked == 1) {
        $('#FW_Logo').css("opacity", "1")
        clicked = 0;
    }
});

---

最简单的方法是使用样式

opacity创建类：1（如果是初始状态，则使用
不透明度：0.5；
）并在元素上触发它

例如：

CSS

JS（带jQuery）

无需设置变量，只需使用
toggleClass

创建一个CSS类来设置opactiy

.dim {
        opacity: 0.5
    }

然后切换类

$('.show_nav').on("click", function() {
    $("div").toggleClass("dim");
});

谢谢，这甚至是一个更干净的解决方案！非常感谢你，这对我很有帮助！
.dim {
        opacity: 0.5
    }

$('.show_nav').on("click", function() {
    $("div").toggleClass("dim");
});