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_panel").toggle("slide")

或

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

Answer 2

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

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

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

Jquery slideToggle透明度问题

2 个答案: