Question

情况是,我有一个从 A 到 Z 的索引, 当我点击一个字母时, 相应的 div 显示。当同一个字母再次点击时, div 就会崩溃。

我想做到的是,当我第一次单击一个字母时,它应该将上方垂直对齐索引中的字母颜色改为红色。当再次从红色回击到黑色时。

我找到的解决方案在单击另一封信时重置了颜色。问题在于多个 divs 将会激活, 多字母应该红。但是, 我无法让它工作。

我知道刺绣是解决问题的办法,但我不是一个好 Java 编码员。我尝试了内/外HTML, 并获得了EmplementbyID, 但每个图例都是失败的。

我希望有人能帮上忙三个字母的简短解决办法就足够了

该代码可在“http://www.webpati.com/index.txt” rel=“nofollow”>http://www.webpati.com/index.txt 上找到。

提前感谢。

Answer 1

仅添加

$(this).toggleClass( active );

在您的 jQuery 单击功能的 jQuery 下方,并添加 cs 规则等

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

jsfidle

Answer 2

谢谢你的回答,我写了下方粗体的代码,它有效了。

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;

});

友情链接