0

私は次のjqueryを持っています：

    <script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function()
    {  
     $(".indexSlideMenu1_Folder div").click(function()
     {
      $(this).removeClass('sliding');
      if ($(this).parent().find('ul').is(':hidden'))
      {                                     
      $(this).parent().find('ul').slideDown(); 
      }
      else
      {
      $(this).parent().find('ul').slideUp(); 
      }
     });  
    });
    </script>

ページが最初に読み込まれるとき、リストにはビジュアルアーツのみが表示されます。ビジュアルアーツをクリックすると、フィルムリストを含むリスト全体が下にスライドします。ビジュアルアーツリストをクリックすると、フィルムリストを非表示にしようとしています。次に、フィルムリストをクリックして下にスライドします。

    <div id="indexSlideMenu1">
    <ul> 
    <li class="indexSlideMenu1_Folder"><div><a href="#">VISUAL ARTS</a></div>
     <ul style="display:none;"> 
      <li><a href="./index.php">(dè)Collage</a></li>
      <li><a href="">Drawing</a></li>
      <li><div><a href="#">Film</a></div><span><!-- empty --></span>
       <ul style="display:none;">
        <li><a href="./index.php">(dè)Collage</a></li>
        <li><a href="">Drawing</a></li>
        <li><a href="">Design</a></li>
        <li><a href="">Painting</a></li>
        <li><a href="">Photography</a></li>
      </ul>
     </li> 
     <li><a href="">Design</a></li>
     <li><a href="">Painting</a></li>
     <li><a href="">Photography</a></li>
     <li><a href="">Print Making</a></li>
     <li><a href="">Sculpture</a></li>
     <li><a href="">Street Art</a></li>
     </ul>
     </li>
     </ul>
     </div>
4

1 に答える 1

0

このようなものはどうですか：

$(".indexSlideMenu1_Folder div").click(function() {
    $(this).removeClass('sliding');
    if ($(this).parent().find('ul:first').is(':hidden')) {
        $(this).parent().find('ul:first').slideDown();
    }
    else {
        $(this).parent().find('ul').slideUp();
    }
});​

jsFiddleの例。

于 2012-05-22T19:58:40.287 に答える