CSSは、すべてのメニューダウンそれもドロップですか？私の曖昧な質問に申し訳ありませんが、私はまだphpとjavascript実装の間で混乱しています。私は彼らのカテゴリメニューのようなものを作ろうとしているので、右側がクリックされて更新されます。「クリック可能な」ドロップダウンメニューこんにちは、私はちょうどこの例メニュー</p> <p><a href="http://www.cdrking.com" rel="nofollow">http://www.cdrking.com</a></p> <p>の概念を把握しようとしている
アイデア？はい、あなたが望む
$('#menu li').click(function() {
$(this).toggleClass('clicked');
});
：
:hover -> .clicked
そして、クリックされた要素にクラスを切り替えるには、jQueryのか、バニラJSを使用する：あなたのコードを変更し、代わりに、ホバーメニューでそれを実装するために
私の混乱した心の明確な説明のために@Digitalブレントに感謝します:) –
私は助けてくれると嬉しいです！ –
そのためにjqueryを使用します。おそらく、 "jquery menu"や "jquery dropdown"のようなものを検索すると、すでに書かれているプラグインを見つけることができます。たくさんのオプションがあります。
phpとjavascriptの違いは、最も基本的な答えです：PHPは、ページを読み込む前にデータを変更し、サーバー/他のページとやりとりするためにデータを使用します。 Javascriptは、ロードした後でもページを変更できますが、サーバーや他のページとはやり取りしません。だから、すべての種類のスライドまたはアニメーション要素はjavascriptまたはjquery（またはflashまたはcss3ですが、それはまったく別のものです）である可能性があります。他の誰かがおそらくそれをもっと深く、あるいは技術的に正しいと説明することができますが、私はあなたがちょうど始まったように聞こえるので、基本的なものにしたいと思っていました。
あなたはこのように、「アコーディオン」メニューをお勧めします - http://sandbox.scriptiny.com/javascript-accordion/
ありがとう:)これは私が探していたものです！ –
あなたが一緒に美しいアコーディオンメニューを置くためにjqueryのUIを使用することができます。それは実際にここで、それはあなたがどのようなメニューを意味しています
JSfiddle http://jsfiddle.net/nMNaf/上にある1は、比較
によってhttp://jqueryui.com/demos/accordion/
を少し愚かに見えることになりますか？ 「Browse by product」メニュー？あなたはそれのためにjQuery UI accordeonを使うことができます。 –
CSS3を使って、 '：hover'を'：active'に置き換えて、長い移行を追加して、クリック後に「スナップ」しないようにするトリックがあります。しかし、CSS3移行の幅広いサポートがないため、私はそれをお勧めできません。 – Blazemonger
@Mikey：答えとして投稿していないのは残念です。 –