简洁实用jQuery下拉显示导航菜单

默认的选择下拉列表通常不能满足我们需要的样式。

在开发中，仍然有必要使用强样式定制下拉列表。

这产生了选择下拉列表样式的模拟版本。

今天，我想向大家介绍一下这个代码的易于理解和使用的jQuery下拉显示导航菜单。

p和ul列表在同一级别的大div形成最简单的下拉样式。

原则：默认的ul列表是隐藏的。当点击P标签时，jQuery判断ul是否隐藏。如果它是隐藏的，它将被展开，否则它将被隐藏。

当ul被展开时，用鼠标点击任意li，li中的文本内容将被分配给P标签，而ul被隐藏。

用法：

1.在你的风格中引入蓝仁之家. css风格

2.将代码部分复制到您的网页中(当然，建议将jQuery代码放在网页的底部，但它必须位于jQuery图书馆的后面，否则它将无效)