如何再次单击时将链接的颜色从黑色更改为红色，然后再更改回黑色

How to change color of a link from black to red and back to black when clicked again

本文关键字：黑色 红色 然后 单击 何再次 链接 颜色      更新时间：2023-09-26

情况是我有一个从A到Z的索引，当我单击一个字母时，会显示相应的div。再次单击相同的字母时，div 将折叠。

我想要实现的是，当我第一次单击一个字母时，它应该将顶部垂直对齐索引中的字母颜色更改为红色。当再次单击时，从红色返回黑色。

我找到的解决方案在单击另一个字母时重置了颜色。所以问题是多个div 将处于活动状态，多个字母应该是红色的。但是，我无法让它工作。

我知道javascript是解决方案，但我不是一个好的Java程序员。我尝试了inner/outerHTML和getElementbyID，但每次尝试都失败了。

我希望有人能帮忙。3个字母的简短解决方案就足够了。

代码可以在 http://www.webpati.com/index.txt

提前谢谢。

只需添加 

$(this).toggleClass('active');

到底部附近的jQuery点击函数，并添加一个像 CSS 规则这样的 CSS 规则

.slick-toggle { color: black; }
.slick-toggle.active { color: red; }

斯菲德尔

感谢您的回答。在javascript的末尾，我把它放在代码中 - 下面以粗体显示 - 它工作了。

jQuery("a.slick-toggle").click(function () {
 if($(this).children("span").text() == "") {
    $(this).children("span").text('');
      } else {
        $(this).children("span").text('Show');
      } 
var id = jQuery(this).attr('id');
jQuery("#slickbox" + id).fadeToggle({
speed:200,easing : "swing"})

**$(this).toggleClass('active');**
return false;
});
相关文章：