0

jquery slideToggle を使用して、ページ内のパネルをプルダウンしています。問題は、スライドで透明度を「オフ」または（不透明度1）に設定できないため、背景のコンテンツと混同されて混乱することです。プルダウン パネルを透明にしたくありません。どうすればこれを達成できますか。

ここに私のコードがあります、

$("#breakdown").click(function(){
   $("#breakdown_panel").slideToggle("slow");
});

#breakdown はボタンで、#breakdown_panel は div 要素です。

ここにCSSがあります

#breakdown_panel {
    position:absolute;
    margin-top:-6px;
    color: white;
    background: rgba(71,71,71, 1);
    height: 200px;
    display: none;
    width: 400px;
    filter: alpha(opacity=100);
    opacity: 1;
}

これが問題のあるオーバーラップのイメージです。 http://i50.tinypic.com/35i4w79.jpg

4

2 に答える 2

0 
$("#breakdown").click(function(){

    $("#breakdown_panel").animate({
        opacity:1,
        height: 'toggle'
      }, 2000, function() {
        // Animation complete.
      });
});

多分誰かが最も簡単な解決策を持っています。

于 2012-08-14T08:39:09.980 に答える
0

これがうまくいくかどうかはわかりませんが、試してみてください。

$("#breakdown_panel").toggle("slide")

また

$("#breakdown_panel").toggle("blind")
于 2012-08-14T08:33:13.100 に答える