尝试在网络上找到我无法控制的HTML上的jQuery。我无法修改html代码但可以插入jQuery。但是,艾段似乎不起作用。我错过了什么?
代码位于http://jsfiddle.net/rexonms/Bchjk/
提前致谢
HTML
<div id="linkList3" style="height: 575px; ">
<div id="leftNavsocialChicklets">
<a href="#" ><img src="i/social_twitter.png"></a>
<a href="#"><img src="i/social_facebook.png"></a>
<a href="#" ><img src="i/social_youTube.png"></a>
</div><!--SocialChicklets-->
<div id="linkListSub3">
<ul>
<li id="id-33277"><a href="#"><span id="navArrowBlank"> </span>Our Work</a></li>
<li id="id-33278"><a href="#"><span id="navArrow"> </span>Caring and Social Justice</a>
<ul style="display: none; ">
<li id="id-33279"><a href="#" class="submenu" target="_self">Economic Response</a></li>
<li id="id-33280"><a href="#" class="submenu" target="_self">Service for People with Disabilities</a></li>
<li id="id-33281"><a href="#" class="submenu" target="_self">Social Justice and Volunteerism</a></li>
</ul>
</li>
<li id="id-33282"><a href="#"><span id="navArrow"> </span>Future Generations</a>
<ul style="display: none; ">
<li id="id-33283"><a href="#" class="submenu" target="_self">Adult Learning</a></li>
<li id="id-33284"><a href="#" class="submenu" target="_self">Jewish Camping</a></li>
<li id="id-33285"><a href="#" class="submenu" target="_self">Day Schools</a></li>
<li id="id-33286"><a href="#" class="submenu" target="_self">Families with Young Children</a></li>
<li id="id-33287"><a href="#" class="submenu" target="_self">Interfaith Couples & Families</a></li>
</ul>
</li>
<li id="id-33282"><a href="#"><span id="navArrow"> </span>Another link</a>
<ul style="display: none; ">
<li id="id-33283"><a href="#" class="submenu" target="_self">Adult Learning</a></li>
<li id="id-33284"><a href="#" class="submenu" target="_self">Jewish Camping</a></li>
<li id="id-33285"><a href="#" class="submenu" target="_self">Day Schools</a></li>
<li id="id-33286"><a href="#" class="submenu" target="_self">Families with Young Children</a></li>
<li id="id-33287"><a href="#" class="submenu" target="_self">Interfaith Couples & Families</a></li>
</ul>
</li>
</div><!-- end div:linkListSub3 -->
</div>
//Sidebar Accordion Nav
$("#linkListSub3 li ul").hide();
$("#linkListSub3 li").hover(function() {
if( $((this).ul).is(":hidden") ) {
$("#linkListSub3 li li").next().slideUp();
$(this).next().slideDown();
}
return false;
});