启动jQuery功能需要多次超链接单击

JQuery代码

HTML代码

学生滥用药物
（学校）
1.
2.
3.
4.
5.
6.
7.
8.
9
10
x
1.
2.
3.
4.
5.
6.
7.
8.
9
10
0%

…代码在此模式中继续

我试图在单击riskInformationButton时显示隐藏的行。我遇到的问题是，有时需要多次单击超链接才能显示隐藏的行

---

任何帮助都将不胜感激。

我建议您搜索具有特定类别的tr，如“Togleable”，而不是那些没有“space”一词的tr。这需要很多时间，逻辑也更容易理解

    $(".riskInformationButton").bind("click", function(e){

         $("toggleable").each( function {

            toggler.toggleClass("hidden");
            toggler.toggleClass("visible");

     });
});

---

是一个大概的想法，你可能会得到什么。我知道你已经到了最后期限，这可能不是绝对最快的解决方案：D

总结代码，并看到需要在课堂上结束。代码可以是：

$(".riskInformationButton").bind("click", function(e){

     e.stopPropagation();

     var toggler = $(this).parent().parent().next();
     while(!toggler.hasClass("spacerRow")){
        toggler = toggler
                    .toggleClass("hidden")
                    .toggleClass("visible")
                    .next();
     }
});

---

什么包含隐藏和可见的类？

    $(".riskInformationButton").bind("click", function(e){

         $("toggleable").each( function {

            toggler.toggleClass("hidden");
            toggler.toggleClass("visible");

     });
});

$(".riskInformationButton").bind("click", function(e){

     e.stopPropagation();

     var toggler = $(this).parent().parent().next();
     while(!toggler.hasClass("spacerRow")){
        toggler = toggler
                    .toggleClass("hidden")
                    .toggleClass("visible")
                    .next();
     }
});