サイトに次の jQuery 関数があります。
$('#CAT_Custom_381715_0').click(function () {
$(".grow").fadeIn("slow");
});
私が目指しているのは、チェックボックスをクリックすると、フォームの他の部分が表示されることです。
HTML コードは以下のとおりです。
<tr>
<td><label>Have You Grown This Plant?</label><br />
<input type="checkbox" value="Yes" id="CAT_Custom_381715_0" />Yes</td>
</tr>
<tr class="grow"> <!-- FORM CODE --> </tr>
<tr class="grow"> <!-- FORM CODE --> </tr>
のCSS.grow
.grow{
display:none;
}
問題の原因となっているテーブルと関係があると思います。エラーはスローされません。私はもともとコードをラップする div を持っていましたが、Firefox は div を削除します。それが Firefox なのか、私の CMS なのかはわかりません。
問題は、チェックボックスをクリックし<tr>
てもクラスがgrow
表示されないことです。
jQuery を正しく動作させるにはどうすればよいですか。