Javascript jquery移动选项卡在加载时不显示？

我有一个带有选项卡的页面，我不希望仅在单击页面时才在加载页面时显示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>

问题是，如果我尝试打开第一个选项卡，什么都不会发生。我想它已经开门了。单击两个后，第一个选项卡工作正常 有没有办法将选项卡设置为加载时不显示

编辑：

---

选项卡1显示为页面加载id，在页面加载时不显示它们中的任何一个？请参见此处->

JS

CSS

---

请为我们提供一个JSFIDLE，以便我们的帮助能够更针对您的问题。而且更好地描述你的问题。。。感谢JSFIDLE:sry forgat您是否尝试添加显示：无；要隐藏的元素的css规则？通过看小提琴我看不出你想要什么。。。你想在加载时显示选项卡，但不显示选项卡内容吗？不，选项卡是页面其余部分的过滤器选项，我不想在单击选项卡之前显示任何选项卡。最像我想要的，页面其余部分似乎仍被按下，就像div在那里：编辑了答案。。。查看受影响的更改，如果这是您想要的。。。请记住，您需要在OP中询问所有疑问，以便获得社区的适当帮助。这仍然是一句话，但我可以接受thx alot:sry的糟糕英语/解释

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

#one > ul{
    display: none;
}