2016-04-26 4 views
3

私はhtml/css/javascriptの中に全くバックグラウンドがないと言ってこの質問の前に書いておきます。間違った言葉を使ったり、質問/十分な情報を提供していない!正しく表示する行が得られない

フォーラムスレッド/チュートリアル(「nextUntil」に「next」を変更し、nth-childを試してから削除するなど)を読んで、いくつかのラウンドのスクリプト変更を行った後、 )、それは私がそれを望むように働いている(行がただ1つではなくクリックされたときに次の2行を表示する)。

しかし、説明できない理由から、表示される行は、最初のtdの幅に収縮します。クリックすると、隠れた行が正しい幅になります。

今の表はhereです。
正しい幅を示すと思われる行(現在のバージョン)を示すjsFiddleはhereです。

は、コードを挿入するために持っていたか、私はこの質問を投稿することができませんでした:私はTR class="show"を削除すると

$(document).ready(function(){ 
    $("#report tr.show").click(function(){ 
     $(this).nextUntil("tr.show").toggle(); 
     $(this).find(".arrow").toggleClass("up"); 
     $(this).find(".show").not(".show").fadeOut(350) 
     $(this).find(".show").fadeToggle(350); 
    });    
    //$("#report").jExpand(); 
}); 

、行が右幅に戻りますが、私は、原因となるはずです何も表示されません。前の表にはこの問題はなく、行数とJavaScriptの変更点が唯一の大きな違いです。CSS変更は行われず、スタイルシートも追加されませんでした。

何か助けが誠にありがとうございます、私は進行する方法を失っています!

答えて

1

あなたのCSSの小さな変化を置き換えることができます。

は、それが働いていたこの

.show { 
    display: table-row; 
} 
+0

この

.show { display: block; } 

を交換してください!ちょうど間違った方法でそれについて行き、間違って答えました。 Jainamありがとう! – Grace

関連する問題