JQuery切换，传入变量

我是jQuery的新手，并且已经设置了一个切换div打开/关闭的功能。很棒。但我有6个地方需要它在页面上。所以想改变id #show作为一个传入的变量，我可以使用一个jQuery函数为6个div完成此操作。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>

来源

2012-02-20 Jane Curtin

<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>

来源

2012-02-20 02:15:04 Hank

谢谢!!!!我一直在努力，现在我很高兴我决定尝试堆栈溢出。还在学习jQuery，所以真的很感谢你把所有的代码。 – 2012-02-22 00:53:13

可以传递jQuery的对象进入功能：

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

toggleDiv($('#el'));

来源

2012-02-20 02:10:43 elclanrs

JQuery切换，传入变量

回答

相关问题