jquery

您所在的位置：网站首页 › 隐藏一个div › jquery

jquery

2024-07-13 20:33| 来源: 网络整理| 查看: 265

Jquery div单击显示/隐藏另一个div 时间：2015-02-05 13:41:06

标签： jquery click show-hide

我想在点击另一个div后显示一个div，并在点击相同的div时隐藏显示div。我可以实现这个吗？

小提琴：http://jsfiddle.net/18pzdbz5/

HTML

Click Option indeterminate disabled

Reprimique eu, vix tota salutandi cotidieque id. In case nominati mpor aliquip te sea, amet sumo virtute eu sea.

Mauris sit amet sodales ipsum. Susp turpis diam, ru

Jquery的

$(".fn_btn").click( function(){ $(".cnt_sec").animate({'margin-right': '0'},500); }); 2 个答案:

答案 0 :(得分：1)

这样的事情？ 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); } }); });

答案 1 :(得分：0)

$(".cnt_sec").click( function(){ $(this).animate({'margin-right': '-450px'},500); });

【本文地址】

jquery

jquery

今日新闻

推荐新闻