可以jquery做宽度:'隐藏'而不显示元素:none?

时间:2011-10-30 09:59:17

标签: jquery

我试图在没有jquery的情况下为元素设置动画,使其显示:none 反正有吗???

当我只有sibliings()不透明度时:0 ul不透明度不会回到1? 是因为widht:'show'不能与不透明度一起使用?

谢谢堆!

jquery的:

$("#nav li ").click(function(){ 

    $(this).find(">ul").dequeue().animate({width:'show',opacity:1},300);
    $(this).siblings().find(">ul").dequeue().animate({width:'hide',opacity:0},300);

});

第二版ul不透明度不会回到1:

$("#nav li ").click(function(){ 

    $(this).find(">ul").dequeue().animate({width:'show',opacity:1},300);
    $(this).siblings().find(">ul").dequeue().animate({opacity:0},300);

});

3 个答案:

答案 0 :(得分:0)

使用隐藏,显示或切换将更改显示属性,尝试使用宽度“0”,然后再次将动画回原始宽度。

答案 1 :(得分:0)

您认为要将实际宽度值发送到“width”:

$("#nav li ").click(function(){ 

    $(this).find(">ul").dequeue().animate({opacity:1},300);
    $(this).siblings().find(">ul").dequeue().animate({width:'0px',opacity:0},300);

});

答案 2 :(得分:0)

.animate({width:“0”,overflow:“hidden”});

我认为您需要溢出样式以确保内容实际上是隐藏的。