Javascript JQuery-Change元素'；隐藏/可见时显示CSS

我有一个div切换当一个锚被点击。我试图在div可见和隐藏时通过类更改图标，但代码不起作用

有人知道怎么做吗

// Toggle design/code
$(".design-n-code").click(function(e) {
    code.toggle();
}); code.hide();

// Handles the icon so users know it's active when code is visible.
if (code.is(':visible')) {
    $(this).addClass('code-active');
} else {
    $(this).removeClass('code-active');
}

---

您必须将检查可见性的逻辑放入

click

处理程序中。否则，它将只执行一次，即在脚本执行的总体开始处

// Toggle design/code
$(".design-n-code").click(function() {
    code.toggle();

    // Handles the icon so users know it's active when code is visible.
    if (code.is(':visible')) {
      $(this).addClass('code-active');
    } else {
      $(this).removeClass('code-active');
    }
});
code.hide();

---

您必须将检查可见性的逻辑放入

click

处理程序中。否则，它将只执行一次，即在脚本执行的总体开始处

// Toggle design/code
$(".design-n-code").click(function() {
    code.toggle();

    // Handles the icon so users know it's active when code is visible.
    if (code.is(':visible')) {
      $(this).addClass('code-active');
    } else {
      $(this).removeClass('code-active');
    }
});
code.hide();

---

您必须将检查可见性的逻辑放入

click

处理程序中。否则，它将只执行一次，即在脚本执行的总体开始处

// Toggle design/code
$(".design-n-code").click(function() {
    code.toggle();

    // Handles the icon so users know it's active when code is visible.
    if (code.is(':visible')) {
      $(this).addClass('code-active');
    } else {
      $(this).removeClass('code-active');
    }
});
code.hide();

---

您必须将检查可见性的逻辑放入

click

处理程序中。否则，它将只执行一次，即在脚本执行的总体开始处

// Toggle design/code
$(".design-n-code").click(function() {
    code.toggle();

    // Handles the icon so users know it's active when code is visible.
    if (code.is(':visible')) {
      $(this).addClass('code-active');
    } else {
      $(this).removeClass('code-active');
    }
});
code.hide();

---

代码可见性的测试应该在处理程序中进行。在处理程序中，

这个

是指被单击的元素，因此您必须调用

addClass/removeClass

来代替元素

#图标id

（将

#图标id

调整为您的正确id）

---

代码可见性的测试应该在处理程序中进行。在处理程序中，

这个

是指被单击的元素，因此您必须调用

addClass/removeClass

来代替元素

#图标id

（将

#图标id

调整为您的正确id）

---

代码可见性的测试应该在处理程序中进行。在处理程序中，

这个

是指被单击的元素，因此您必须调用

addClass/removeClass

来代替元素

#图标id

（将

#图标id

调整为您的正确id）

---

代码可见性的测试应该在处理程序中进行。在处理程序中，

这个

是指被单击的元素，因此您必须调用

addClass/removeClass

来代替元素

#图标id

（将

#图标id

调整为您的正确id）

---

你说你有一个锚，当点击时，它会切换另一个元素，一个div。点击时使用“this”不会改变另一个元素的类

你会想要这样的东西：

HTML

---

你说你有一个锚，当点击时，它会切换另一个元素，一个div。点击时使用“this”不会改变另一个元素的类

你会想要这样的东西：

HTML

---

你说你有一个锚，当点击时，它会切换另一个元素，一个div。点击时使用“this”不会改变另一个元素的类

你会想要这样的东西：

HTML

---

你说你有一个锚，当点击时，它会切换另一个元素，一个div。点击时使用“this”不会改变另一个元素的类

你会想要这样的东西：

HTML

---

@Downvoter:请提供一条解释您的理由的评论。抱歉，我正在向下滚动回答，显然碰巧点击了向下投票按钮。@aztechy哈哈，没问题。我编辑了我的答案，所以你可以自由删除你的否决票：D@Downvoter：请提供一条解释您的理由的评论。抱歉，我正在向下滚动回答，显然碰巧点击了向下投票按钮。@aztechy哈哈，没问题。我编辑了我的答案，所以你可以自由删除你的否决票：D@Downvoter：请提供一条解释您的理由的评论。抱歉，我正在向下滚动回答，显然碰巧点击了向下投票按钮。@aztechy哈哈，没问题。我编辑了我的答案，所以你可以自由删除你的否决票：D@Downvoter：请提供一条解释您的理由的评论。抱歉，我正在向下滚动回答，显然碰巧点击了向下投票按钮。@aztechy哈哈，没问题。我编辑了我的答案，所以你可以自由删除你的否决票：D