3

ホバー時にdivをslideToggleできるようにしたいのですが、機能していません..コードは次のとおりです。

<div class='slide-header'>
        header....
</div>

<div class='slide-content'>
       Content..................
</div>

<script>
$(".slide-header").hover(function () {
    $(".slide-content").slideToggle("slow");
});
</script>

<style><!-- initially, I don't want to display .slide-content -->
    .slide-content { display:none; }
</style>

ホバー時に .slideToggle するにはどうすればよいですか? ありがとう!

4

2 に答える 2

7

これを試して

$(".slide-header").hover(function () {
    $(".slide-content").stop().slideDown("slow");
}, function(){
    $(".slide-content").stop().slideUp("slow");
});
于 2013-04-24T21:08:36.187 に答える
2

ドキュメント対応関数でラップします。

$(function(){
    $(".slide-header").hover(function () {
        $(".slide-content").slideToggle("slow");
    });
});
于 2013-04-24T21:21:47.723 に答える