jquery div点击显示/隐藏其他div
问题描述:
我想单击另一个div后显示div,并隐藏显示div时单击相同div.h我可以实现这一目标吗?jquery div点击显示/隐藏其他div
小提琴:http://jsfiddle.net/18pzdbz5/
HTML
<div class="fixed_rht_panel">
<span class="fn_btn">Click</span>
<div class="cnt_sec">
<div class="txt_hd_f">Option indeterminate disabled</div>
<span class="pic_cont_f"><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcSSdd4yHVdgx335P3gR3Mg9Jm9q-wSzhmqwhsTvjCQekGeQYRnxDw" alt=""/></span>
<p>Reprimique eu, vix tota salutandi cotidieque id. In case nominati mpor aliquip te sea, amet sumo virtute eu sea. </p>
<span class="sentc">Mauris sit amet sodales ipsum. Susp turpis diam, ru</span>
</div>
</div>
jQuery的
$(".fn_btn").click(function(){
$(".cnt_sec").animate({'margin-right': '0'},500);
});
答
索姆像这样? http://jsfiddle.net/18pzdbz5/1/
我用toggleClass()
并根据若div有我显示/类隐藏
$(document).ready(function() {
$(".fn_btn").click(function(){
$('.cnt_sec').toggleClass('showDiv');
if ($('.cnt_sec').hasClass('showDiv')) {
$(".cnt_sec").animate({'margin-right': '0'},500);
}
else {
$(".cnt_sec").animate({'margin-right': '-450'},500);
}
});
});
答
$(".cnt_sec").click(function(){
$(this).animate({'margin-right': '-450px'},500);
});
工作......太感谢你了! – Krish 2015-02-05 14:00:02