默认使用jquery使第一个选项卡显示为活动状态？

我使用以下代码来默认显示第一个选项卡：默认使用jquery使第一个选项卡显示为活动状态？

// SELECT OUR FIRST TAB BY DEFAULT 
$('.tabs-nav LI:first').addClass('active'); 
$('.tabContent').hide(); 
$('.tabContent:first').show(); 

// FORWARD TAB LI CLICKS TO TAB A CLICKS 
$('.tabs-nav LI').click(function(e){ 
    e.preventDefault(); 
    $(this).find('A').click(); 
    return false; 
}); 

// INTERCEPT TAB A CLICKS TO SET THE ACTIVE TAB AND SHOW TAB PANEL. 
$('.tabs-nav LI A').click(function(e){ 
    e.preventDefault(); 
    $('.tabs-nav LI').removeClass('active'); 
    $('.tabContent').hide(); 
    $(this).parent().addClass('active'); 
    var sID = $(this).attr('href'); 
    sID = sID.split('#').join(''); 
    $('#' + sID).fadeIn(400, function() { 
     $(window).trigger('resize'); 
    }); 
    return false; 
});

}）;

，这里是我的显示代码的标签：

 <?php 
     $aerialSlider = do_shortcode('[property_attribute attribute=aerial_slider]'); 
     $propertySlider = do_shortcode('[property_attribute attribute=property_slider]'); 
     $lodgecabinSlider = do_shortcode('[property_attribute attribute=lodgecabin]'); 
     $wildlifeSlider = do_shortcode('[property_attribute attribute=wildlife_slider]'); 
     $videosSlider = do_shortcode('[property_attribute attribute=videos_slider]'); 
    ?> 

    <div class="tabs"> 
     <h1>PHOTO GALLERY</h1> 
     <ul class="tabs-nav"> 
      <?php if(empty($aerialSlider)) { 
       } else { 
        echo '<li><a href="#tab1" >AERIALS</a></li>'; 
       } 
      ?> 
      <?php if(empty($propertySlider)) { 
       } else { 
        echo '<li><a href="#tab3" >PROPERTY</a></li>'; 
       } 
      ?> 
      <?php if(empty($lodgecabinSlider)) { 
       } else { 
        echo '<li><a href="#tab2" >LODGE/CABIN</a></li>'; 
       } 
      ?> 
      <?php if(empty($wildlifeSlider)) { 
       } else { 
        echo '<li><a href="#tab4" >WILDLIFE</a></li>'; 
       } 
      ?> 
      <?php if(empty($videosSlider)) { 
       } else { 
        echo '<li><a href="#tab5" >VIDEOS</a></li>'; 
       } 
      ?> 
     </ul>

如果做到了这一点，因此用户可以插入显示在所有的简码的作用是显示一个画廊的标签简码。然后我创建它，如果在该字段的元框中没有放置任何内容，则不会显示选项卡。在没有任何内容的情况下显示标签没有意义。问题是，当第一个标签元字段中没有插入任何内容时，图库空间会折叠。如果我点击一个标签，它会显示出来。

这个问题似乎是jQuery的目标是第一个选项卡，但我需要第一个可见选项卡作为默认选项卡。我希望我的问题清楚。谁能帮我？当谈到jQuery时，我是一个noob，所以任何帮助表示赞赏。

在此先感谢！

来源

2013-03-13 graphical_force