1

このビデオに基づいて、セレクターのリンクの代わりに入力ボタンを使用するなど、いくつかの変更を加えて、JavaScript を使用してアコーディオン効果を作成しようとしました。ただし、何らかの理由で機能していません。Firefox のエラー コンソールunknown pseudo-class or pseudo-element "visible"は、使用しようとするたびに出力されます。どうしたの？

$("div.example").hide();
$("input.exampleButton").click(function(){
    $("div.example:visible").slideUp("slow");
    $(this).parent().next().slideDown("slow");
    //return false; if you don't want the link to follow
});

ここにHTMLがあります

input type="button" value="See An Example" class="exampleButton" />
<div class="example">
    ...content
</div>
input type="button" value="See An Example" class="exampleButton" />
<div class="example">
    ...content
</div>
4

1 に答える 1

1

コンソールの警告は無視できます。コードが機能しない理由は、マークアップ構造が Javascript によって行われるトラバーサルと一致しないためです。の呼び出しが入力から次の入力に正しく移動するように、それぞれ<input>がおそらく a 内にある必要があります。入力の開口部もありませんが、コピー/貼り付けのエラーだと思います。<div>parent().next()<div class="example"><

作業中のマークアップ:

<div>
    <input type="button" value="See An Example" class="exampleButton" />
</div>
<div class="example">
    ...content
</div>
<div>
    <input type="button" value="See An Example" class="exampleButton" />
</div>
<div class="example">
    ...content
</div>
于 2010-04-13T17:51:03.033 に答える