Which is the best way for making an drop down menu, pure CSS or jQuery?
I am interested which of the two has the best browser compatibility, which one creates less problems?
I want the menu to be supported in all major browsers, I can use all versions of CSS, I don’t need fancy things from the menu I need it to be simple and clean and WORKING.
Thank you in advance.
For CSS menus, you’re stuck in mud with older browsers like IE6 and 7, if you need to support these, because they do not support the pseudo :hover attribute on elements typically desired as the target for a dropdown menu. They require Javascript to add the basic hover support.
If you are catering for modern browsers, then your final concern really is accessibility. If you poorly construct a menu and Users do not have Javascript enabled, then you have issues. If you use semantic markup and use tried & tested Dropdown menu techniques, like the ones @David Faux suggests, then you will be fine.
Some valid questions in the commentary though. I’d also add:
I put my money on sturdy Javascript menus with semantic markup and commented code.