jquery - 単純な jquery スライダーがブラウザーでフリーズする

Question

私は本当に単純なjQueryスライダーを作りました

$(document).ready(function(){
    $('li').hover(function(){
        $(this).children('div').slideToggle();
    });
});

このような。それは完全に機能し、アイテムにカーソルdivを合わせると が非表示になり、表示されますが、問題があります。liブラウザで「戻る」ボタンを押すとslidetoggle、「開いた」位置で「フリーズ」し（div表示されていることを意味します）、逆方向に動作し始めることがあります。修正のアイデアはありますか？

Answer 1

次のように、ドキュメントの準備ができたらすぐに上にスライドしてみてください。

$(document).ready(function(){
    $('li > div').slideUp();
    $('li').hover(function(){
        $(this).children('div').slideToggle();
    });
});

これにより、div が確実に上にスライドし、「逆方向」に動作するのを防ぐことができます。