0


0

  • JQueryコード *

$( "。riskInformationButton")。バインド( "クリック"、関数(e){var toggler = $(this).parent()。parent()。next(); var className = $(toggler).attr( "クラス");

while(className.indexOf( "space")== -1){toggler.addClass( "visible");

if(toggler.hasClass( "visible")

toggler = toggler.next(); className = $(トグル).attr( "class");

if(!className){break; }}});
  • HTMLコード *

学生による薬物乱用(学校)

1 2 3 4 5 6 7 8 9 10

#バツ#

1 2 3 4 5 6 7 8 9 10

0%

…​code continues in this pattern.

riskInformationButtonがクリックされたときに非表示の行を表示しようとしています。 私がこれに抱えている問題は、隠された行を表示するためにハイパーリンククリックのためにそれが時々複数のクリックを要するということです。

任意の助けは大歓迎です。

2 Answer


0


「スペース」という単語が含まれていないものよりも「トグル可能」など、特定のクラスを持つものを検索することをお勧めします。 それは多くの時間がかかり、そして論理は従うのがより簡単になるでしょう。

$( "。riskInformationButton")。bind( "クリック"、function(e){

$( "toggleable")。each(function {

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

;)); ;));

あなたが得ることができるかもしれないものの大まかな考えです。 私はあなたが締め切りに間に合うことを理解しています、そしてこれは絶対的な最速の解決策ではないかもしれません:D


0


コードをまとめて、教室で終わる必要があるのを見ています "spacerRow。 コードはそうかもしれません:

$( "。riskInformationButton")。bind( "クリック"、function(e){

e.stopPropagation();

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