javascript - Show Hide With Jquery 想要在显示时添加一个减号

Question

我正在使用以下代码，它运行良好，但我想关闭 <div id"Show">与 <div id"hide">当显示处于事件状态时。有谁知道如何做到这一点？

    <!--Script for Show Hide-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("#aboutcontent").hide();
  });
  $("#show").click(function(){
    $("#aboutcontent").show();
  });
});
</script>
<!--/script for show hide-->

HTML:

<div class="homepage-acecontent">
<div id="show"><img align="left"  style="margin-right:5px;" src="/template/images/btn-expand.png" border="0" alt="" /> ABOUT GENUINE H-D<sup>&reg;</sup> WORK WEAR</div>
<div id="hide"><img align="left"  style="margin-right:5px;" src="/template/images/btn-close.png" border="0" alt="" /></div>
<div id="aboutcontent">Content to show and hide goes here<!--/aboutcontent--></div>
<!--/homepage-acecontent--></div>

CSS:

 .homepage-acecontent{float:left; width: 1148px; color:#ff6418; font-size:11px; font-weight:bold; margin-left:40px;}
#aboutcontent{float:left; width: 1148px; color:#fff; font-size:14px; font-weight:normal; **display:none;**}
#aboutcontent a:link, #aboutcontent a:visited{color:#ff6418; text-decoration:none;}
#aboutcontent a:hover{color:#f68428;}
#show{cursor:pointer;}

Answer 1

你的意思是像

$("#hide").click(function(){
    $("#aboutcontent").hide();
    $("#show").show();
    $(this).hide();
}).hide();
$("#show").click(function(){
    $("#aboutcontent").show();
    $("#hide").show();
    $(this).hide();
});

这将隐藏您按下的 div 并显示另一个。它还将隐藏 div 默认为隐藏。