jQuery мобильных вкладок не показывать при загрузке?

Question

У меня есть страница с вкладками Я не хочу, чтобы показать DIV, когда страница загружается только тогда, когда она нажата

 <div data-role="tabs" id="tabs" > 
    <div data-role="navbar"> 
    <ul> 
     <li><a id="1" href="#one" data-ajax="false">1</a></li> 
     <li><a id="2" href="#two" data-ajax="false">2</a></li> 
    </ul> 
    </div> 

Я использовал это, чтобы скрыть вкладку:

<script> 
    $(document).ready(function() { 
     $("div#one").hide(); 
     }); 
    </script> 

Проблема если я попытаюсь открыть первую вкладку, ничего не произойдет. Я думаю, что его уже открыли. (первая вкладка отлично работает после нажатия на #two) Есть ли способ установить вкладки, которые не отображаются при загрузке?

редактировать:
http://jsfiddle.net/b9bafuu4/6/
Вкладка 1 показать, как загрузки страницы ид как Безоперационная них, чтобы показать, когда загрузилась страница

Answer 1

Это то, что вы пытаетесь достичь? смотрите здесь ->JSFIDDLE

JS

$(function(){ 
    $('[href="#one"]').click(function(){ 
     $('#one > ul').css('display','block'); 
    }); 
}); 

CSS

#one > ul{ 
    display: none; 
}