2

これは単純なアコーディオンです。これが必要なものですが、検証に合格するには HTML コードを編集する必要があります。また、jquery をカスタマイズする方法がわかりません。私のサンプルコードはこちら

元のコード:

<ul id="accordion">
    <li>Sports</li>
    <ul>
      <li><a href="#">Golf</a></li>
      <li><a href="#">Cricket</a></li>
      <li><a href="#">Football</a></li>
    </ul>
<li>Latest</li>
        <ul>
          <li><a href="#">Golf</a></li>
          <li><a href="#">Cricket</a></li>
          <li><a href="#">Football</a></li>
        </ul>
</ul>

このコードに：

<ul id="accordion">
    <li>Sports
    <ul>
      <li><a href="#">Golf</a></li>
      <li><a href="#">Cricket</a></li>
      <li><a href="#">Football</a></li>
    </ul>
  </li>
<li>Latest
        <ul>
          <li><a href="#">Golf</a></li>
          <li><a href="#">Cricket</a></li>
          <li><a href="#">Football</a></li>
        </ul> 
 </li>
 </ul>
4

1 に答える 1

1

JavaScript を jsfiddle から次のように変更します。

$("#accordion > li").click(function(){
  $('.active').removeClass('active');

  $(this).addClass('active');
    if(false == $(this).find('ul').is(':visible')) {
        $('#accordion > ul').slideUp(300);
    }
    $(this).find('ul').slideToggle(300);
});

var animationIsOff = $.fx.off;
$.fx.off = true;
$('#accordion > li:eq(0)').click()
$.fx.off = animationIsOff;
于 2013-01-09T04:45:00.027 に答える