Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery、切换、传入变量_Jquery_Toggle - Fatal编程技术网

JQuery、切换、传入变量

JQuery、切换、传入变量,jquery,toggle,Jquery,Toggle,我是jQuery新手,并且设置了一个函数来切换div的打开/关闭。效果很好。但我在页面上有6个位置需要它。因此,我想将id#show更改为传入变量,以便使用一个jQuery函数为6个div完成此操作 <script> $(function(){ $('.myClass').hide(); $('#show').toggle(function(){ $('.myClass').slideDown("fast"); $(this).attr("src","/images/minus.p

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

$(函数(){
$('.myClass').hide();
$('#show')。切换(函数(){
$('.myClass')。向下滑动(“快速”);
$(this.attr(“src”,“/images/minus.png”);
},函数(){
$('.myClass').slideUp(“fast”);
$(this.attr(“src”,“/images/plus.png”);
});
}); 
第一分部
我要显示的代码。。。。

您可以将jQuery对象传递到函数中:

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

toggleDiv($('#el'));

可以将jQuery对象传递到函数中:

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

toggleDiv($('#el'));

$(函数(){
$('.myClass').hide();
$('.show').toggle(函数(){
var showdiv=$(this.attr(“id”);
$('.+showdiv).slideDown(“快速”);
$(this.attr(“src”,“/images/minus.png”);
},函数(){
var showdiv=$(this.attr(“id”);
$('.+showdiv).slideUp(“快速”);
$(this.attr(“src”,“/images/plus.png”);
});
}); 
第一分部
我要显示的代码。。。。
第一分部
我要显示的代码。。。。

$(函数(){
$('.myClass').hide();
$('.show').toggle(函数(){
var showdiv=$(this.attr(“id”);
$('.+showdiv).slideDown(“快速”);
$(this.attr(“src”,“/images/minus.png”);
},函数(){
var showdiv=$(this.attr(“id”);
$('.+showdiv).slideUp(“快速”);
$(this.attr(“src”,“/images/plus.png”);
});
}); 
第一分部
我要显示的代码。。。。
第一分部
我要显示的代码。。。。

谢谢!!!!我一直在努力解决这个问题,现在我很高兴我决定尝试一下堆栈溢出。仍在学习jQuery,非常感谢您输入所有代码。谢谢!!!!我一直在努力解决这个问题,现在我很高兴我决定尝试一下堆栈溢出。仍在学习jQuery,非常感谢您输入所有代码。