javascript - 当我们使用jQuery单击垂直选项卡时，如何显示页面标题

HTML：

 <ul>
    <li><a href="#a1">a1</a></li>
    <li><a href="#b1">b1</a></li>
    </ul>
    <div id="sections">
    <div class="section" id="a">
    </div>
    <div class="section" id="b">
    </div>

我的演示链接：http://www.bajistech.info/tiltindicators.html#TiltWatch-Plus1，当我单击垂直选项卡时，我试图使页面滚动。

脚本1：

     $(document).ready(function(){

    if (
        $('ul#verticalNav li a').length &&
        $('div.section').length
    ) {
        $('div.section').css( 'display', 'none' );
        //$('ul#verticalNav li a').each(function() {
        $('ul#verticalNav li a').click(function() {
            showSection( $(this).attr('href') );
        });
  // if hash found then load the tab from Hash id
        if(window.location.hash)
        {
   // to get the div id
           showSection( window.location.hash);
        }
        else // if no hash found then default first tab is opened
        {
            $('ul#verticalNav li:first-child a').click();
        }
    }
});
</script>

剧本2

function showSection( sectionID ) {
    $('div.section').css( 'display', 'none' );
    $('div'+sectionID).css( 'display', 'block' );
}
$(document).ready(function(){

    if (
        $('ul#verticalNav li a').length &&
        $('div.section').length
    ) {
        $('div.section').css( 'display', 'none' );
        //$('ul#verticalNav li a').each(function() { // no need for each loop
        $('ul#verticalNav li a').click(function() { // Use $('ul#verticalNav li a').click
            showSection( $(this).attr('href') );
        });
        //});
        if(window.location.hash) // if hash found then load the tab from Hash id
        {
           showSection( window.location.hash);// to get the div id
        }
        else // if no hash found then default first tab is opened
        {
            $('ul#verticalNav li:first-child a').click();
        }
    }
});

最佳答案

您应该添加以下样式“ overflow：hidden;”。并删除类名称为about_content_forproducttilt10的div的height属性
同样，使用更通用的类名也是一个不错的选择，在您的情况下，将“产品描述”替换为“ about_content_forproduct ...”