【问题标题】:show one element of a class and hide all others显示一个类的一个元素并隐藏所有其他元素
【发布时间】:2012-09-16 23:24:45
【问题描述】:

在显示正确的元素之前,使用以下函数隐藏类的所有元素。但是我在后面的元素上得到了双重动画。

http://jsfiddle.net/cR9bJ/16/

函数由 h2 调用。

功能是:

function showSubList(obj) {
var elem = obj;
$('.sublist').hide(function() {
    $(elem).parent().children('.sublist').show();
});
}​

【问题讨论】:

    标签: jquery class animation navigation show-hide


    【解决方案1】:

    先隐藏元素,然后显示你想要的元素。

    function showSubList(obj) {
        $('.sublist').hide(300);
        $(obj).parent().children('.sublist').show();
    };​
    

    这修复了双重动画。

    DEMO

    【讨论】:

    • 它总是比我尝试做的简单:) 谢谢@François
    • 作为一个好的规则 - 当 jQuery 允许你这样做时,你应该避免在 HTML 中使用内联 JS jsfiddle.net/cR9bJ/23
    • @ZoltanToth: +1 我只修复了现有代码,但如果你要更改它,滑动看起来真的很棒。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多