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 回答