点击隐藏div再点击展开，并且交换样式;

<script type="text/javascript">

$(function(){  

 var i=0;

 $("#Sub_view").click(function(){

if(i==0){

$(".subscription_box").hide();

$(this).removeClass("hideshow-showing");

$(this).addClass("hideshow-hidden");

i=1;

}else{

$(".subscription_box").show();

$(this).addClass("hideshow-showing");

$(this).removeClass("hideshow-hidden");

i=0;

}

});

 });

</script>

 

Example:

 

<a href="#" id="Sub_view" class="hideshow-showing">Subscriptions view</a>

<div class="subscription_box">隐藏div</div>

转载于:https://www.cnblogs.com/happily/archive/2013/04/26/3044424.html