‘'clickable’下拉菜单css

Question

你好，我只是想弄清楚这个示例菜单的概念

http://www.cdrking.com

它到底是不是一个下拉菜单？对于我模糊的问题，我很抱歉，我仍然对php和javascript的实现感到困惑。我正在尝试制作类似于他们的分类菜单的东西，这样当点击时，右边会更新。

有什么想法吗？

Answer 1

是的，你想使用jquery来实现这一点。如果搜索"jquery menu“或"jquery dropdown”，您可能会找到已经编写的插件。你会发现一大堆选择。

php和javascript之间的区别在于，最基本的答案是: PHP使用数据在页面加载之前进行更改，并与服务器/其他页面进行交互。Javascript即使在加载后也可以对页面进行更改，但不会与服务器或其他页面交互。因此，任何类型的滑动或动画元素都可能是javascript或jquery (或者flash或css3，但这完全是另一回事)。其他人可能可以更深入地解释它，或者在技术上更正确，但我想保持它的基本，因为它听起来像是你刚刚开始。

Answer 2

你需要一个'Accordion‘菜单，就像这样- http://sandbox.scriptiny.com/javascript-accordion/

Answer 3

要实现它而不是悬停菜单，请更改代码：

:hover -> .clicked

并使用jQuery或vanilla JS在单击的元素上切换类：

$('#menu li').click(function() {
  $(this).toggleClass('clicked');
});