jquery - Jquery slideToggle透明度问题

Question

我正在使用 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

Answer 1

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

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

也许有人有一个最简单的解决方案。

Answer 2

我不确定这是否可行，但试一试。

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

或者

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