JQuery切換，傳入變量

Question

我是jQuery的新手，並且已經設置了一個切換div打開/關閉的功能。很棒。但我有6個地方需要它在頁面上。所以想改變id #show作爲一個傳入的變量，我可以使用一個jQuery函數爲6個div完成此操作。

<script> 
$(function(){ 
$('.myClass').hide(); 
$('#show').toggle(function(){ 
$('.myClass').slideDown("fast"); 
$(this).attr("src","/images/minus.png"); 
},function(){ 
$('.myClass').slideUp("fast"); 
$(this).attr("src", "/images/plus.png"); 
}); 
}); 
</script> 

<h2><img id="show" src="/images/plus.png"><span class="toggleText">DivisionI</span>  
</h2> 
<div class="myClass"> 
my code to show.... 
</div> 

Answer 1

<script> 
$(function(){ 
    $('.myClass').hide(); 
    $('.show').toggle(function(){ 
     var showdiv = $(this).attr("id"); 
     $('.' + showdiv).slideDown("fast"); 
     $(this).attr("src","/images/minus.png"); 
    },function(){ 
     var showdiv = $(this).attr("id"); 
     $('.' + showdiv).slideUp("fast"); 
     $(this).attr("src", "/images/plus.png"); 
    }); 
}); 
</script> 

<h2><img id="show1" class="show" src="/images/plus.png"><span class="toggleText">DivisionI</span>  
</h2> 
<div class="show1 myclass"> 
my code to show.... 
</div> 
<h2><img id="show2" class="show" src="/images/plus.png"><span class="toggleText">DivisionI</span>  
</h2> 
<div class="show2 myclass"> 
my code to show.... 
</div> 

Answer 2

可以傳遞jQuery的對象進入功能：

var toggleDiv = function($el){ 
    $el.slideDown(); 
    //blablabla 
}; 

toggleDiv($('#el'));