1

在 Jquery 文档中，fadeToggle 正在工作当在可见元素上调用时，如果我想以零不透明度开始我的元素怎么办。有没有办法解决这个问题或使用任何其他方法。我不想使用 display: none

<h2>toggle</h2>

<div class="box">box</div>

.box {
   opacity: 0;
}

$('h2').click(function(){
   $('.box').fadeToggle();
});

http://jsfiddle.net/A6PWN/

谢谢

4

5 回答 5

1

放置display:none为盒子的样式并opacity:0从css中删除

您的代码应如下所示：

<h2>toggle</h2>
<div class="box" style="display:none">box</div>

和 CSS

.box {
   /* no opacity here */
}
于 2013-04-02T08:09:20.923 回答
0

fadeToggle();如果您不想“真正”消失元素，请display:none;尝试使用元素样式；animate();这个：http: //jsfiddle.net/A6PWN/1/

$("h2").click(function () {
  $(".box").animate({
    opacity: 1,
  });
});
于 2013-04-02T08:11:48.627 回答
0

您可以先将不透明度设置为1

.css('opacity', 1);
于 2013-04-02T08:11:55.043 回答
0

像这样使用

$('h2').click(function(){
    $('.box').css('opacity', 1);
    $('.box').fadeToggle();
});
于 2013-04-02T08:14:51.440 回答
0 
$('h2').click(function() {
    var boxOpacity = parseInt($('.box').css('opacity'));
    $('.box').animate({
        opacity: boxOpacity == 0 ? 1 : 0
    });
});

http://jsfiddle.net/A6PWN/4/

这是使用不透明度，而不是显示：无；

编辑：我的坏..更新它以使用该框。:D

于 2013-04-02T08:17:04.733 回答