Javascript I'；我正在寻找一些JQuery来运行一个相当复杂的下拉选择/执行功能

我有一个由无序列表组成的下拉菜单，其中包含几个选项。选择选项后，我希望此选项填充标题选择框（li class=“first”）以替换“我是…”文本。然后按下“Go”按钮打开该特定选项的href。以下是html：

    <div class="dropNavOne" class="gradient">
    <ul>
    <li class="first"><a href="#">I am a...</a>
        <ul class="menu_body1">
            <li><a href="#">Option 1</a></li>
            <li><a href="#">Option 2</a></li>
            <li><a href="#">Option 3</a></li>
            <li><a href="#">Option 4</a></li>
            <li><a href="#">Option 5</a></li>
            <li><a href="#">Option 6</a></li>
            <li><a href="#">Option 7</a></li>
            <li><a href="#">Option 8</a></li>
            <li><a href="#">Option 9</a></li>
            <li class="last"><a href="#">Option 10</a></li>
        </ul>
    </li>
    </ul>
    </div>
    <a href="#"><div class="goButtonOne" class="gradient">Go</div></a>

---

如果可能的话，请让我知道……谢谢

这里有一些在写这篇文章时很有用的提示。可能有一些插件可以直接满足您的需求，但另一方面，它听起来很简单，您可以自己完成

• 对无序列表中隐藏和显示的元素使用类
• 设置一个DOM就绪处理程序，将事件处理程序添加到页面中
• 附加一个单击事件以显示菜单（可能是按类，因此您可以一次显示多个项目）
• 附加单击事件以隐藏菜单
• 使用html注入方法修改元素的内部html

---

您当然可以为此使用jQuery。与它一起工作很愉快，写这样的东西将是一个很好的第一个练习。

是的，这是可能的。查一查，然后隐藏。我认为你需要花钱请人帮你做这件事，或者先学习如何编码。你问题的答案很琐碎。那为什么要费心回答尼克呢？我是JQuery新手，还没有遇到过类似的情况。如果你有任何真正的建议，那就千方百计，如果没有，那么……好吧……发挥你的想象力。@Lars:别担心这里最初的火洗礼。对于经验丰富的用户来说，很难在鼓励好的先试和帮助之间找到正确的平衡！如果您尝试一下我的想法，大致按照我的观点顺序，请随意编辑您的JS代码并在这里ping我。如果您当时仍然需要帮助，我们甚至可以重新打开您的问题。再次感谢@halfer。感谢您对halfer的深入回复。这很有帮助。