1

スライド div をslideToggleで適切に動作させようとしています。まず、作業用の URL は次のとおりです: *リンクは削除されました

私が抱えている問題は、スライドダウン効果ではなく、ブラインド効果が増えていることです. 私は CSS を変更し、負の上部マージンなどを使用しようとしましたが、役に立ちませんでした。私が達成しようとしているのは、基本的に、telek-dot-comの製品メニューとサイト内のすべての製品メニューと同じです。aspnet -ajax/controls/examples/default/にあるものは、クリック機能を介して私がやろうとしていることにより関連しています。これらは異なる可能性があることは理解していますが、基本的に機能的に探しているのは、ブラインドダウンではなくスライドインを行うための div です。

助けてくれてありがとう。

また、これに加えて、パネルがスライドインするとパネルの実際のコンテンツをフェードインし、タブをクリックしてパネルを閉じるとフェードアウトしてからスライドアップしたいと思います。h2とpにfadeIn関数を追加しようとしましたが、うまくいきませんでした。誰かがこれに参加したい場合は、お気軽に。ありがとうございました！

4

1 に答える 1

1

CSS は次のようになります。top 属性は、ページの読み込み時に計算するか、固定値を指定できます。

#slidebox {
    margin:0;
    padding:0;
    position:absolute;
    right:40px;
    top:-141px; /*this is the trick*/
    width:auto;
    z-index:100;
}

次に、jsで必要なことは、サブテナントが「トップ」属性で遊んでいると言っていることです。

var $a = $('a.btn-slide'),
    $slider = $('#slidebox');

$a.click(function(){
   if($a.hasClass('active')){
     $slider.animate({'top':0},400,function(){
        $a.removeClass('active');
     });
   }else{ 
     $slider.animate({'top':'-141px'},400,function(){
        $a.addClass('active');
     });
   }
})

これが役に立てば幸いです、シナン。

于 2010-02-21T10:00:21.930 に答える