[英]Sub-categories animation with Jquery
我是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>
我只想显示子类别，以防将鼠标传递到类别<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 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 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> 。
但这没用。 为什么什么也没发生？ 如何修复我的代码段？
用CSS隐藏嵌套的li。 您的DOM ready函数缺少结尾括号。
查看链接： http : //jsbin.com/eqotis/1/edit
使用jQuery或其他可能的方法在点击时显示更多子类别
[英]Reveal more sub-categories on click using jQuery or other possible methods
如果所有类别都在同一个对象数组中，如何在其类别下列出多级子类别？
[英]How to list multi level Sub-categories under their Categories if all the catgories are in the same array of objects?
获取总类别树（所有类别及其子类别的列表）与按需获取每个分支？
[英]Fetching a total category tree (a list of all categories and their sub-categories) v.s fetching each branch as it is needed?
使用amcharts在带有子类别的群集多段堆叠柱形图的顶部添加自动总和标签
[英]Add automatic sum labels on top of the Clustered multi-segment stacked column chart with sub-categories using amcharts
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.