Вкладки пользовательского интерфейса jQuery - мой первый слайд не отображается по умолчанию

Question

Моя первая вкладка по умолчанию настроена на .ui-tabs-hide, поэтому она скрыта, так как я скрываю все скрытые вкладки.

Ниже мой код.

<script>
    $(document).ready(function(){
        $("#slide-container").tabs({ fx: { opacity: 'toggle' } });
    });
</script>


<article id="slide-container">
    <ul id="thumbnails">
        <li id="move-previous"><a href="#"><img src="images/previous.png" width="32" height="64" alt="" /></a></li>
        <li><a href="#impact-homepage"><img src="temp/temp.png" width="100" height="64" alt="" /></a></li>
        <li><a href="#impact-inspiration"><img src="temp/temp.png" width="100" height="64" alt="" /></a></li>
        <li id="move-next"><a href="#"><img src="images/next.png" width="32" height="64" alt="" /></a></li>
    </ul>

    <div class="slide homepage" id="impact-homepage">
        <img src="images/website-screenshots/impact-homepage.jpg" width="485" height="296" alt="" />
    </div>

    <div class="slide" id="impact-inspiration">
        <img src="images/website-screenshots/impact-inspiration.jpg" width="960" height="511" alt="" />
    </div>

    <ul id="bottom-information">
        <li class="classification">Website <a href="#">Visit Website</a></li>
        <li class="slide-number"><a href="#">&lt;</a> 1/4 <a href="#">&gt;</a></li>
    </ul>
</article>

Есть идеи?

Answer 1

Разобрался.Синглы # в href сбрасывали с вкладок.

Answer 2

Вы применяете скрытие во всем контейнере

Вместо непосредственного применения правил CSS, попробуйте:

.tabs( "disable" , index )