javascript - jquery mobile tabs not to show on load? -

i have page tabs don't want div show when page loaded when clicked

     <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> 

i used hide tab:

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

the problem if try open first tab, nothing happens. think opened. (first tab works fine after click on #two) there way set tabs don't show on load?

edit:
http://jsfiddle.net/b9bafuu4/6/
tab 1 show page load id non of them show when page load

is you're trying achieve? see here -> jsfiddle

js

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

css

#one > ul{     display: none; }