Question

我有一个切换功能，可通过单击左侧导航（基于链接的ID）将页面滚动到某个部分并打开一个标签：

sim

我希望点击是触发，而不是点击。因此，就像页面上的链接一样，如果https://www.sea.edu/sea_research/climate_change#news也将滚动到“新闻”选项卡并打开它（将类更改为活动状态）。每次都可以使用相同的标签ID-目前，每个页面上只有一个标签需要进行此处理。

我不知道要搜索什么，但是类似：

<script>
$(document).ready(function(){

//Hide (Collapse) the toggle containers on load
$(".toggle_container3").hide();

//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger3").click(function(){
    $(this).toggleClass("active").next().slideToggle("slow");
    return false; //Prevent the browser jump to the link anchor
}).first().click()      
});
</script>

<script type="text/javascript">
$(document).ready(function() {
$("#over_left a").click(function(){
var id = $(this).attr("href");
$(id).addClass("active").next().show("slow");
})
});
</script>

Answer 1

尝试这个

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#what').offset().top
    }, 'slow');
});

JS FIDDLE LINK

根据URL而非点击激活功能

1 个答案: