Javascript 使用Jquery的子类别动画_Javascript_Jquery_Html

Javascript 使用Jquery的子类别动画

javascript jquery html

Javascript 使用Jquery的子类别动画,javascript,jquery,html,Javascript,Jquery,Html,我是Jquery的初学者，我有这个代码 <html> <head> <meta charset="UTF-8" /> <title>Photography & Rare Books </title> <link href="_css/style.css" rel="stylesheet" type="text/css" /> <link href='http://fonts.googleapis.com/css

我是

Jquery

的初学者，我有这个代码

<html>
<head>
<meta charset="UTF-8" />
<title>Photography & Rare Books </title>
<link href="_css/style.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Marcellus+SC' rel='stylesheet' type='text/css'>
<link href="_css/flex/flexslider.css" rel="stylesheet" type="text/css">
<script src="_scripts/flex/modernizr-2.5.2-respond-1.1.0.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#m").hover(function(){
  $("#n").css("visibility","hidden");
  },function(){
  $("#n").css("visibility","visible");
});
}
</script>
</head>
<body>

<div class="sidebar1">
    <div class="kicker">
      <h3>Categories</h3>
    </div>
    <ul class="nav">
      <li><a href="catalog_art.php">Art & Architecture</a> </li>
      <li><a href="catalog_aviation.php">Aviation</a> </li>
      <li><a href="catalog_business.php">Business</a> </li>
      <li><a href="catalog_cartoon.php">Cartoons</a> </li>
      <li><a href="catalog_civilwar.php">Civil War</a> </li>
      <li><a href="catalog_bindings.php">Fine Bindings & Illuminated Manuscripts</a> </li>
      <li id="m"><a  >Fine Photographs</a></li>
      <li id="n"><a href="catalog_photographs_19.php" style="margin-left:2cm; width: 2cm;" >19th century </a></li>
      <li id="n" ><a href="catalog_photographs_20.php" style="margin-left:2cm; width: 2cm;"  >20th century </a></li>


      <li><a href="catalog_hollywood.php">Hollywood</a> </li>
      <li><a href="catalog_judaica.php">Judaica, Civil Rights, Misc.</a> </li>
      <li><a href="catalog_law.php">Law and Outlaws</a> </li>
      <li><a href="catalog_literature.php">Literature</a> </li>
      <li><a href="catalog_maps.php">Maps & Cartography</a> </li>
      <li><a href="catalog_music.php">Music</a> </li>
      <li><a href="catalog_presidents.php">Presidents</a> </li>
      <li><a href="catalog_revolutionarywar.php">Revolutionary War</a> </li>
      <li><a href="catalog_royalty.php">Royalty</a> </li>
      <li><a href="catalog_science.php">Science</a> </li>
      <li><a href="catalog_space.php">Space</a> </li>
      <li><a href="catalog_sports.php">Sports & Hobbies</a> </li>
      <li><a href="catalog_Travel.php">Travel & Exploration</a> </li>
      <li><a href="catalog_wildwest.php">Wild West</a> </li>
      <li><a href="catalog_worldleaders.php">World Leaders</a> </li>
      <li><a href="catalog_worldwar2.php">World War II</a> </li>
    </ul>
   </div>
</body>
</html>


摄影与珍本
$（文档）.ready（函数（）{
$（“#m”）.hover（函数（）{
$（“#n”）.css（“可见性”、“隐藏”）；
}，函数（）{
$（“#n”）.css（“可见性”、“可见”）；
});
}
类别

我只想显示子类别，以防鼠标进入分类

但它不起作用。为什么什么都没有发生？我如何修复我的代码段？

用CSS隐藏嵌套的li。DOM就绪函数缺少结尾括号

查看链接：

您已经加载了两次jQuery，并且使用了两次id。首先修复这个问题。