jquery 如何实现多个DIV展开收缩

$(function(){var$slider=$('.post');$slider.toggle(function(){$slider.find('.content')... $(function(){
var $slider=$('.post');
$slider.toggle(function(){

$slider.find('.content').slideDown();
$slider.find('span').text('-');
},function(){
$slider.find('.content').slideUp().find('span').text('+');/
});

});
我一个页面上需要多处实现DIV展开收缩效果,但用一个函数,所有的都会同时展开收缩的!怎么改可以让它们相互独立实现展开收缩功能?
是用同一代码实现,如果说每个都写一个函数,那就不用回答了
大侠们 谢谢!
展开
 我来答
幻想武士
推荐于2016-10-19 · TA获得超过1074个赞
知道小有建树答主
回答量:639
采纳率:90%
帮助的人:397万
展开全部
//给那些div一个共同的属性:比如name="showhide"
$("div[name=showhide]").fadeIn(500);//显示name是showhide的所有div
$("div[name=showhide]").fadeOut(500);//隐藏name是showhide的所有div
fengzhiyu_double
推荐于2017-12-16 · TA获得超过906个赞
知道小有建树答主
回答量:514
采纳率:0%
帮助的人:517万
展开全部
就是你不要用find,这样就把所有的都找出来了。
你要用$(this)加上next,prev,parent等方法找到相对路径的对象,然后再slideDown()和slideUp()
这样就是每一个展开收缩自己的div.
由于你没给出html代码,所以我也不知道你的具体路径,没法帮你直接写出来。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
hayoouch
2011-02-06 · 超过17用户采纳过TA的回答
知道答主
回答量:56
采纳率:0%
帮助的人:42.6万
展开全部
<div style="height: auto; ">
<div id="d1" class="top_div">机械信息</div>
<div id="d1_" class="hid_div">
内容1
</div>
</div>
<div style="height: auto; ">
<div id="d2" class="top_div">机械位置</div>
<div id="d2_" class="hid_div">
内容2
</div>
</div>

<script type="text/javascript">
$(".top_div").click(function(){
$("#"+this.id+"_").toggle();
});
</script>

能看懂么
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式