0

jquery を使用して、他の div のリンクにカーソルを合わせたときに透明な div の背景を変更しています (ここではJsfiddle です)。コードは次のとおりです。

$(".trigger2").hover(function (){
    var hoverClass = $(this).attr('id');
    $(".trigger2").removeClass('active');
    $(this).addClass('active');
    $("#background").removeClass().addClass(hoverClass);
 },
 function (){  
     $("#background").removeClass().addClass(hoverClass);
 });

スライドダウン効果で背景画像を変更したい。.slideDown()コードのさまざまな部分にアタッチしようとしましたが、何も起こりません。

望ましい効果を得るためにどのように実装する必要.slideDown()がありますか?それは可能ですか?

4

3 に答える 3

0

この.slideDown()関数は、すでに非表示になっている div を表示します。http://api.jquery.com/slideDown/ slideUp 関数は、div を非表示にするために探しているものかもしれません。スライドアップ効果で画像を変更したい場合、できることは、2 つの div を重ね合わせて、非表示にする 1 つの div でスライドアップを実行することです。

これを説明するためにフィドルを更新しました：http://jsfiddle.net/yvsK4/1/

于 2013-09-12T17:23:40.803 に答える