将标签锚定为简单 Jquery 手风琴以激活特定标签和位置

Question

我现在遇到的主要问题是让锚标签 link 落在与特定标签相关的手风琴内容的中心位置。

Js:

<script>

$(document).ready(function() {

    var allPanels = $('.accordion > dd').hide();

    $('.accordion > dt > a').click(function() {
        allPanels.slideUp('normal');
        $(this).parent().next().slideDown('normal');
        return false;
    });

    $(location.hash).show();

});

</script>

已更新HTML：

  <dl class="accordion">

  <dt><a href="">Panel 1</a></dt>
  <dd>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</dd>

  <dt><a name="">Panel 2</a></dt>
  <dd>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</dd>

  <a name="#reviewpoints" style="">&nbsp;</a>  
  <dt><a name="#reviewpoints">Panel 3</a></dt>
  <dd id="reviewpoints">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</dd>

  </dl>

Link 在单独的页面上：

<a href="/points/#reviewpoints">Review Points Test</a>

Answer 1

更新你的fiddle：

(function($) {

  var allPanels = $('.accordion > dd').hide();

  $('.accordion > dt > a').click(function() {
    allPanels.slideUp();
    $(this).parent().next().slideDown();
    var hash = location.href.split("#")[1];
    $(location.hash).show();
    return false;
  });

})(jQuery);

Fiddle: http://jsbin.com/reyosobifa/1

将标签锚定为简单 Jquery 手风琴以激活特定标签和位置

Anchor Tags to Simple Jquery Accordion to activate specific tab & position

html

jquery

accordion