JQuery, переключение, передача в переменную

Question

Я новичок в jQuery и настроил функцию переключения открытия / закрытия div. Работает отлично. Но у меня есть 6 мест, мне это нужно на странице. Поэтому я хотел бы изменить id #show как переданную переменную, чтобы я мог выполнить это за 6 делений, используя одну функцию jQuery.

<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'));