Javascript JQuery使用标题切换OL列表

Javascript JQuery使用标题切换OL列表,javascript,jquery,html,toggle,anchor,Javascript,Jquery,Html,Toggle,Anchor,我有一个OL列表,它与jQuery切换一致,我还有一个侧栏,带有链接到OL列表标题的锚链接。我想让锚链接链接和切换打开各自的标题 有人能帮我添加到这个脚本中,这样当我点击锚链接时,相应的节div就会打开吗 谢谢 jQuery('#sections>li>div').hide(); jQuery('#sections>li>h2')。单击(函数(e){ e、 预防默认值(); //隐藏所有div var$li=jQuery(this.parent(); var$div=jQuery(this.p

我有一个OL列表,它与jQuery切换一致,我还有一个侧栏,带有链接到OL列表标题的锚链接。我想让锚链接链接和切换打开各自的标题

有人能帮我添加到这个脚本中,这样当我点击锚链接时,相应的节div就会打开吗

谢谢

jQuery('#sections>li>div').hide();
jQuery('#sections>li>h2')。单击(函数(e){
e、 预防默认值();
//隐藏所有div
var$li=jQuery(this.parent();
var$div=jQuery(this.parent().find('div');
jQuery(“#sections>li>div”).not($div.hide();
jQuery(“#sections>li”).not($li).removeClass('active');
//这是我想做的
$div.toggle();
$li.toggleClass(“活动”);
});

在本课中:
  • 学习目标 内容。。。
  • 本课提供的资源 内容。。。
  • 准备工作 内容。。。
  • 安全注意事项 内容。。。
  • 背景资料 内容。。。
  • 词汇表 内容。。。
  • 详细的教训 内容。。。
  • 致谢 内容。。。

  • 您可以使用锚固件的href手动触发点击

    $('#sections_list li').click(function(e) {
      e.preventDefault();
      var href = $(this).find('a').attr('href');
      $(href).click();
    })
    
    jQuery('#sections>li>div').hide();
    jQuery('#sections>li>h2')。单击(函数(e){
    e、 预防默认值();
    //隐藏所有div
    var$li=jQuery(this.parent();
    var$div=jQuery(this.parent().find('div');
    jQuery(“#sections>li>div”).not($div.hide();
    jQuery(“#sections>li”).not($li).removeClass('active');
    //这是我想做的
    $div.toggle();
    $li.toggleClass(“活动”);
    });
    $(“#节列表li”)。单击(函数(e){
    e、 预防默认值();
    var href=$(this.find('a').attr('href');
    $(href).单击();
    })
    
    在本课中:
    
  • 学习目标 内容。。。
  • 本课提供的资源 内容。。。
  • 准备工作 内容。。。
  • 安全注意事项 内容。。。
  • 背景资料 内容。。。
  • 词汇表 内容。。。
  • 详细的教训 内容。。。
  • 致谢 内容。。。

  • Hi Arun,谢谢你的回复。此代码是否打开(切换)相应的部分?在我这方面,情况似乎并非如此。你能证实吗?谢谢这确实奏效了!令人惊叹的。除了锚本身由于某种原因停止工作。我正在尝试将此代码添加到其中,但无法工作:
    $('sections_list li')。单击(函数(){$('html,body')。动画({scrollTop:$($(this.attr('href')).offset().top},500);返回false;})