私はフォーム構造を持っています。以下を使用します。
http://jsfiddle.net/Rochefort/6GHmM/
h1タグをクリックするとアコーディオンでフォームが開きます。疲れたけど働かない。どうすれば修正できますか?
私はフォーム構造を持っています。以下を使用します。
http://jsfiddle.net/Rochefort/6GHmM/
h1タグをクリックするとアコーディオンでフォームが開きます。疲れたけど働かない。どうすれば修正できますか?
h1
イベントをタグに添付していますが、div
要素は子ではなくタグの兄弟h1
です。
h1
また、HTML を修正する必要があるか、コードが機能しません。終了タグを忘れています。
HTML を変更:
// From
<h1>CLICK AND OPEN<h1>
// To
<h1>CLICK AND OPEN</h1>
次に、子の代わりに兄弟を使用するようにスクリプトを更新し、不足しているevent
パラメーターを追加するかevent.stopPropagation()
、エラーをスローします。
$('.uyeform h1').click(function(event) {
$(this).siblings('div').slideToggle('300');
event.stopPropagation();
});
あなたのFiddleを修正しました。ご覧ください。
$('div.input').hide();
$('.uyeform h1').click(function() {
$('div.input').slideToggle('300');
event.stopPropagation();
});
あなたにはかなりの問題があります。まず、jquery ライブラリが含まれていません。それからあなたは言ってevent.stopPropagation
いますが、定義されたことさえありません。また、h1
子供はいません
このフィドルをチェックして、要件を満たしているかどうかを確認してください