求解决小弟我的导航有关问题一个小疑点求高手来！

求解决我的导航问题一个小问题求高手来！！！！
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
list-style:none;
}
.nav_1{
border-radius: auto;
box-shadow: 10px 10px 5px #888888;
text-align: right;
height: 50px;
margin-top: 50px;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
background-color: #930;
}
.nav_1>ul{
display: inline-block;
list-style: none;
position: relative;
width: 960px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align: center;
}
.nav_1>ul>li>a{
display: block;
width: 105px;
color: #FFFFFF;
text-align: center;
text-decoration: none;
background-color: #930;
}
.nav_1>ul>li{
line-height: 50px;
display: inline-block;
margin-right: auto;
margin-left: auto;
float: left;
font-family: "新宋体";
font-weight: bold;
}
.nav_1>ul>li>ul{
list-style: none;
display: none;

}
.nav_1>ul>li>ul>li{
display: block;
line-height: 25px;
}
.nav_1>ul>li>ul>li>a{

border-radius:55px;
display: block;
width: 100px;
color: #FFFFFF;
text-align: center;
text-decoration: none;
background-image: url(red%20flash%2011.png);
line-height: 40px;
background-position: center center;
}
.nav_1>ul>li:hover>ul{
display: block;
}

.nav_1 li a:hover{
color: #000;
}
.nav_1 li ul li a:hover{
color: #ff0;
background-color: #000;
}
.nav_1 ul li a.thisclass{
border-radius:55px;
text-decoration: none;
background-color: #CF0;
}
</style>
<script src="jquery.min.js"></script>
<script>
$(function(){
var nav_1 = $(".nav_1 a");
nav_1.click(function(){
$(this).addClass("thisclass").siblings().removeClass("thisclass");
});
});
</script>

</head>
<body>
<div class="nav_1">
<ul >
<li><a href="#" class="thisclass">主页</a>
         <ul>
           <li><a href="http://www.baidu.com">二级栏目</a></li>

          <li><a href="#">二级栏目</a></li>
         </ul>
  </li>
<li><a href="#">音乐</a>
         <ul>
          <li><a href="#">二级栏目</a></li>

          <li><a href="#">二级栏目</a></li>
         </ul>
</li>
  <li><a href="#">视频</a>
          <ul>
          <li><a href="#">二级栏目</a></li>

          <li><a href="#">二级栏目</a></li>
         </ul>
  </li>
  <li><a href="#">新闻</a>
         <ul>
          <li><a href="#">二级栏目</a></li>

          <li><a href="#">二级栏目</a></li>
         </ul>
  </li>
  <li ><a href="#">关于</a>
          <ul>
          <li><a href="#">二级栏目</a></li>

          <li><a href="#">二级栏目</a></li>
         </ul>
  </li>
</ul>
</div>

</body>
</html>

求解决小弟我的导航有关问题一个小疑点求高手来！

我的导航聚焦点击其他的就会让其他的背景发生变化之前的不会消失我需要点音乐时主页消失点视频音乐消失求怎么解决?????
------解决思路----------------------
$(function(){
var nav_1 = $(".nav_1 a");
nav_1.click(function(){
$(this).closest("ul").children("li").children("a").removeClass("thisclass");
$(this).addClass("thisclass");
});
});

求解决小弟我的导航有关问题 一个小疑点 求高手来！

相关推荐

求解决小弟我的导航有关问题一个小疑点求高手来！