仅在网站HTML和CSS上导航的下拉菜单

Question

这是我的网站 - http://www.todddudley.com - 如果您点击＆＃34;服务＆＃34;在顶部你会看到它使整个导航栏降下来。我希望它看起来像这样 - http://www.gracemaryville.org - 。

这是脚本：

<script> 
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>

这是html：

<div id="flip">Services</div>
<div id="panel">
<div id="inside">
<a href="http://www.todddudley.com.com/">Logo Design</a>
</div>
</div>

你能帮忙吗？我想只使用HTML和CSS，但我会使用JavaScript，就像我在这里使用的那样。

谢谢！

＆＃34; - 示例 - ＆＃34;是一个链接。

Answer 1

这DEMO 仅水平菜单css和html