刘胡来

你一条腿,我一条腿,咱俩一起走南闯北!

用Jquery写一个点击展示下拉菜单,再点击收起来




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>第一个简单的jQuery程序</title>
    <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js">
    </script>
    
<style type="text/css">
  .divFrame{width:269px;border:solid 1px #666;
     font-size:10pt}
 .divTitle{background-color:#eee;padding:5px}
 .divContent{padding:5px;display:none}
 .divCurrColor{background-color:Red}
</style>
    
</head>
<body>
    <div class="divFrame">
   <div class="divTitle">主题</div>
<div id="test" class="divContent">
  <a href="#">link 1</a><br/>
  <a href="#">link 2</a><br />
  <a href="#">link 3</a>
</div>
</div>
   
</body>
   <script type="text/javascript">
       //页面载入事件
  $(function()
  {
     $(".divTitle").click(function()
 {
 
    var temp1=$("#test").is(":visible");
if(!temp1) //可见与否其实是一个css属性,当要修改其可见性时可以更改它的属性
{
  
  $(this).addClass("divCurrColor")     //当前添加一个背景色
      .next(".divContent").css("display","block");
}
else
{
  $('#test').css('display','none');
}
    
   
 });
  });
       
    </script>

</html>


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/d06110902002/article/details/49965583
个人分类: 移动web设计
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

用Jquery写一个点击展示下拉菜单,再点击收起来

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭