jquery - 在 Jquery Image Slider 的初始页面加载时隐藏特定图像

Question

我有一个名为 filter.js 的 Jquery 图像 slider 插件。查看演示 here .现在的问题是，最初加载页面时，所有图像都会显示。在初始加载时，我只想显示第一个选项卡/div 的图像，当单击下一个 div/选项卡时，将显示其相关图像。 然后我添加的是将不属于第一个选项卡/div 的所有图像的可见性设置为隐藏，一旦该功能被激活，我将隐藏的可见性恢复为在其他选项卡/div 的图像上可见:

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;并显示:阻止但创建丑陋的过渡... 如何在页面加载时只显示第一个选项卡的图像而不显示所有图像？

请查看我的 JSFIDDLE

谢谢

Answer 1

这对我来说似乎有点老套，但它确实有效:

$('.filters.demo1').filters();
$('a[rel=koebana]').click();

http://jsfiddle.net/YapAU/21/

顺便说一下，我从 css 中取出了最后一部分。