JQuery Аккордеонная навигация - PullRequest
Новая
       6

JQuery Аккордеонная навигация

0 голосов
/ 18 октября 2011

Попытка реализовать найденный в Интернете jQuery для HTML, который я не могу контролировать. Я не могу изменить 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">&nbsp;&nbsp;&nbsp;&nbsp;</span>Our Work</a></li>
    <li id="id-33278"><a href="#"><span id="navArrow">&nbsp;&nbsp;&nbsp;&nbsp;</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">&nbsp;&nbsp;&nbsp;&nbsp;</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 &amp; Families</a></li>
      </ul>
   </li>

  <li id="id-33282"><a href="#"><span id="navArrow">&nbsp;&nbsp;&nbsp;&nbsp;</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 &amp; Families</a></li>
      </ul>
   </li>


   </div><!-- end div:linkListSub3 -->
  </div>

jQuery (с использованием jquery-1.2.6.min.js, к которому у меня есть доступ !!!) 

    //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;
});
...