存储价值并在 javascript oops 中重用它

Question

我目前有 3 个 div，可以超过三个，每个 div 都有一个锚标签，锚标签具有点击功能，可以在同一个父级中打开UL。我想要的是我可以打开UL 并在不影响其他人的情况下关闭它们。我已经用 oops 概念制作了一个函数，但它没有按我的意愿工作。下一个锚标签需要两次点击。是否可以通过 oops 逻辑来完成，或者我们必须选择另一种方式。 fiddle

$(function(){

    function get(){
        this.a=1;
        this.show= function(a){     
            $(this).parent().find('ul').slideDown()
        };
        this.hide= function(a){
            $(this).parent().find('ul').slideUp()
        }
    }

    var n= new get();
    $('a').click(function(){
        if(n.a){
            n.show.call(this)
            n.a=0;
        }
        else{
            n.hide.call(this)
            n.a=1;
        }
    });

}); 

Answer 1

你可以做你想做的事：

$('a').click(function(){
    $(this).parent().find('ul').slideToggle()
});

小提琴：http://jsfiddle.net/2kbbgvts/1/

编辑： 此外，按照您尝试的方式执行此操作的一种方法是使用闭包：

$('a').each(function(){
    var anchor = $(this);
    var shown = false;
    function toggle(){
        if(shown) anchor.parent().find('ul').slideUp()
        else $(this).parent().find('ul').slideDown()
        shown = !shown;
    }
    anchor.click(toggle);
});

这只是为了演示如何这样的事情可以做到。在这种情况下，使用 slideToggle 和 fadeToggle 要简单得多。 http://jsfiddle.net/2kbbgvts/2/