javascript - 如何在 javascript/jquery 中单击文本时启用选项卡及其内容？

Question

我正在开发 website我想在 Javascript/Jquery 中单击文本时启用按钮。

我用来在单击查看选项文本时向下滚动到底部的 JQuery 代码是:

$(".view_profile_options a").click(function(event) {
    event.preventDefault();
    var sectionTop = $('.tab-contents').offset().top;
    $('html,body').animate({
        scrollTop: sectionTop },
        'slow');
 });

问题陈述:

我想知道我应该在上面的 JQuery 代码中进行哪些更改，以便单击 fiddle 中的 view options 文本，tokyo 及其 content 的悬停会自动启用。

Answer 1

这就像一个魅力:

$(".view_profile_options a").click(function(event) {
    event.preventDefault();
    var sectionTop = $('.tab-contents').offset().top;
    
    var event = $.Event('click');
    event.currentTarget = $('.tab .tablinks')[2];
    
    $('.tab .tablinks:nth-child(3)').trigger(event);

    $('html,body').animate({
        scrollTop: sectionTop },
        'slow');
 });