Javascript 如何使下拉菜单选择选项卡?

Javascript 如何使下拉菜单选择选项卡?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何使标签在移动视图中下拉?我知道这是一个插件,但有没有办法像这个插件呢?这就是我现在拥有的 HTML: 我一直在寻找如何做到这一点,但找不到。我希望我能在这里回答。你必须使用jquery它只能用CSS来完成是的,但是怎么做呢,先生?有什么建议或示例代码吗?这是我第一次做这样的事我真的需要帮助 <div id="tabbed-nav"> <ul> <li><a>Popular Upload</a></li>

如何使标签在移动视图中下拉?我知道这是一个插件,但有没有办法像这个插件呢?这就是我现在拥有的

HTML:


我一直在寻找如何做到这一点,但找不到。我希望我能在这里回答。

你必须使用jquery它只能用CSS来完成是的,但是怎么做呢,先生?有什么建议或示例代码吗?这是我第一次做这样的事我真的需要帮助
<div id="tabbed-nav">
  <ul>
    <li><a>Popular Upload</a></li>
    <li><a>Recent Upload</a></li>
    <li><a>Gallery</a></li>
  </ul>
  <div id="tabbed-content">
    <div>Popular Upload Content</div>
    <div>Recent Upload Content</div>
    <div>Gallery Content</div>    
  </div>
</div>
#tabbed-nav {
  position: relative;
}

* {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
  display: inline-block;
  padding: 10px 15px;
  background: red;
}

#tabbed-content {
  background: green;
}