我有一个名为filter.js的Jquery图像滑块插件。请查看演示此处。现在的问题是,当页面最初加载时,所有图像都会显示。在初始加载时,我只想显示第一个选项卡/ div 的图像,并且在单击下一个div/tab时,其相关图像将显示。然后我添加了设置所有不属于第一个选项卡/ div 的图像的可见性为隐藏,一旦激活该函数,我就将其他选项卡/ div 的图像的隐藏可见性恢复为可见性:
CSS:
我的问题:这样做不起作用,一旦我将可见性设置为隐藏,就会出现问题。
CSS:
.tancan{ /*Note: tancan is the class of the second div I initially want to hide*/
visibility: hidden;
}
JS:
$(function(){
$('.filters.demo1').filters();
$('.tancan').style.visibility = "visible";
});
我的问题:这样做不起作用,一旦我将可见性设置为隐藏,就会出现问题。
$('.tancan').style.visibility = "visible";
命令无效-图像仍然隐藏。我尝试使用display: none;和display: block,但那会创建丑陋的过渡...如何在页面加载时仅显示第一个选项卡的图像而不是所有图像?
请查看我的JSFIDDLE
谢谢
display:none
到tancan
li,然后在“点击” koebana 链接后删除该类,会怎样呢?像这样:http://jsfiddle.net/YapAU/22/ - egbrad