1

重複の可能性:
jQuery - テーブル行でslideDown (またはshow)関数を使用する方法は?

私はページのこの構造を持っています:テーブルセルはマウスがその上にあるときに展開され、私が望むのはこの特定のセルの後に最初のdivをスライドさせることです. <section>テーブルの一部にしたくないので、タグからスライド div を作成しました。

私の例でわかるように、slideDown関数は何もしません（私が間違いを犯しただけかもしれません=））ので、ここにフィドルがありますhttp://jsfiddle.net/9FC9D/1/

4

1 に答える 1

3

jsFiddle にはいくつかの問題がありました。

a) jQuery が適用されていなかった b) ホバー イベントを間違った要素にバインドしていた (「section」ではなく「.box」で、「.box」はレイアウトのない空の div でした)。

ホバー時に何かが起こっているように見えましたが、これは JS ではなく CSS から発生していました。あなたのフィドル（http://jsfiddle.net/9FC9D/4/）を微調整して、関数がホバー時に実行されるようにしました（そしてそれをslideToggleに変更しました。それ以外の場合は、「in」関数と「out」関数を定義する必要があります関数 - 詳細については、 http://api.jquery.com/hover/を参照してください)。

更新されたjQueryは次のとおりです。

$(document).ready(function () {
    $("#wrapper section").hover(function() {
        $(this).next('.box-content').slideToggle(500);
    }); 
});

CSS のスタイリングに関する問題がまだいくつかあります。何を達成しようとしているのかまだ 100% 確実ではありませんが、目的の効果についてさらに情報を提供していただければ、これらの問題について喜んでアドバイスさせていただきます。

于 2013-01-15T23:36:59.557 に答える