编程论坛 → JavaScript论坛

JQ实现层的显示与隐藏的问题

cai523 发布于 2010-05-28 13:01， 2021 次点击

<script src="JS/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
  <script type="text/javascript" language="javascript">
    $(document).ready(function(){
      $("#title").click(
         function(){ $("#child").css("display","block")},
         function(){ $("#child").css("display","none")}
       )
    })
  </script>
上面的代码，#title是一个DIV得ID，#child是另外一个DIV得ID，我想实现的是，点击#title这个DIV之后，#child这个DIV显示（这个DIV默认是隐藏的）再点击#title之后这个DIV又显示，上面的代码没效果，望大家指点一下！！！

2 回复

#2

gupiao1752010-05-28 13:34

程序代码：

<script src="jquery-1.4.2.js"></script>
<style>
#dd{
display:none;width:300,height:300;background:red;
}
</style>
<input type="button" id="btn" value="显示"/>
<div id="dd">3333</div>
<script type="text/javascript">
$(
function() {
$("#btn").click(

function(event){
     $("#dd").toggle();
                }
              );
            }
);
</script>

参照这个改改即可！

#3

gupiao1752010-05-28 13:40

JQ是个好东西，用好了，写很复杂的前端代码也是小菜一碟，呵何，偶也正在慢慢研究之中！

1