存儲價值並在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); 
}); 

This只是爲了演示如何這樣的事情可以完成。在這種情況下使用slideToggle和fadeToggle要簡單得多。 http://jsfiddle.net/2kbbgvts/2/