将其更改为幻灯片函数jQuery

时间:2015-04-07 18:52:58

标签: jquery

我不太了解Javascript,我试图将这个show元素脚本更改为更好的slideToggle()动作,而不仅仅是弹出。

目前它揭示了隐藏的元素。显示的元素取决于在html选择列表中选择的id。

这是JS:

$('#business_type').change(function(){
        $("#common >div").each(function() {
        $(this).attr("style", "display: none;");
        })
        $("#" + $(this).val()).attr("style", "display: block;");
        })

我是否可以添加一个功能,只是为了在幻灯片中隐藏元素之间切换。

1 个答案:

答案 0 :(得分:1)

尝试jQuery show( [duration] 功能。在您的情况下,考虑到$("#common >div")元素已被隐藏,您可以尝试

$("#common >div").each(function(index, elem) {
    $(elem).show(500);
});

如果尚未隐藏,您可以尝试$(selector).hide().show(/*duration*/)