undefined
Skip to content
Moz logo Menu open Menu close
  • Products
    • Moz Pro
    • Moz Pro Home
    • Moz Local
    • Moz Local Home
    • STAT
    • Moz API
    • Moz API Home
    • Compare SEO Products
    • Moz Data
  • Free SEO Tools
    • Domain Analysis
    • Keyword Explorer
    • Link Explorer
    • Competitive Research
    • MozBar
    • More Free SEO Tools
  • Learn SEO
    • Beginner's Guide to SEO
    • SEO Learning Center
    • Moz Academy
    • MozCon
    • Webinars, Whitepapers, & Guides
  • Blog
  • Why Moz
    • Digital Marketers
    • Agency Solutions
    • Enterprise Solutions
    • Small Business Solutions
    • The Moz Story
    • New Releases
  • Log in
  • Log out
  • Products
    • Moz Pro

      Your all-in-one suite of SEO essentials.

    • Moz Local

      Raise your local SEO visibility with complete local SEO management.

    • STAT

      SERP tracking and analytics for enterprise SEO experts.

    • Moz API

      Power your SEO with our index of over 44 trillion links.

    • Compare SEO Products

      See which Moz SEO solution best meets your business needs.

    • Moz Data

      Power your SEO strategy & AI models with custom data solutions.

    Let your business shine with Listings AI
    Moz Local

    Let your business shine with Listings AI

    Learn more
  • Free SEO Tools
    • Domain Analysis

      Get top competitive SEO metrics like DA, top pages and more.

    • Keyword Explorer

      Find traffic-driving keywords with our 1.25 billion+ keyword index.

    • Link Explorer

      Explore over 40 trillion links for powerful backlink data.

    • Competitive Research

      Uncover valuable insights on your organic search competitors.

    • MozBar

      See top SEO metrics for free as you browse the web.

    • More Free SEO Tools

      Explore all the free SEO tools Moz has to offer.

    NEW Keyword Suggestions by Topic
    Moz Pro

    NEW Keyword Suggestions by Topic

    Learn more
  • Learn SEO
    • Beginner's Guide to SEO

      The #1 most popular introduction to SEO, trusted by millions.

    • SEO Learning Center

      Broaden your knowledge with SEO resources for all skill levels.

    • On-Demand Webinars

      Learn modern SEO best practices from industry experts.

    • How-To Guides

      Step-by-step guides to search success from the authority on SEO.

    • Moz Academy

      Upskill and get certified with on-demand courses & certifications.

    • MozCon

      Save on Early Bird tickets and join us in London or New York City

    Unlock flexible pricing & new endpoints
    Moz API

    Unlock flexible pricing & new endpoints

    Find your plan
  • Blog
  • Why Moz
    • Digital Marketers

      Simplify SEO tasks to save time and grow your traffic.

    • Small Business Solutions

      Uncover insights to make smarter marketing decisions in less time.

    • Agency Solutions

      Earn & keep valuable clients with unparalleled data & insights.

    • Enterprise Solutions

      Gain a competitive edge in the ever-changing world of search.

    • The Moz Story

      Moz was the first & remains the most trusted SEO company.

    • New Releases

      Get the scoop on the latest and greatest from Moz.

    Surface actionable competitive intel
    New Feature

    Surface actionable competitive intel

    Learn More
  • Log in
    • Moz Pro
    • Moz Local
    • Moz Local Dashboard
    • Moz API
    • Moz API Dashboard
    • Moz Academy
  • Avatar
    • Moz Home
    • Notifications
    • Account & Billing
    • Manage Users
    • Community Profile
    • My Q&A
    • My Videos
    • Log Out

The Moz Q&A Forum

  • Forum
  • Questions
  • Users
  • Ask the Community

Welcome to the Q&A Forum

Browse the forum for helpful insights and fresh discussions about all things SEO.

  1. Home
  2. Digital Marketing
  3. Web Design
  4. CSS vs Javascript vs JQuery drop down navigation

Moz Q&A is closed.

After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.

CSS vs Javascript vs JQuery drop down navigation

Web Design
5
7
5.7k
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as question
Log in to reply
This topic has been deleted. Only users with question management privileges can see it.
  • bronxpad
    bronxpad last edited by Dec 30, 2012, 6:25 PM

    For a user / seo perspective, what is the best way to code a drop down menu nav bar? Is it best to use css, javascript or a scripting library like jquery?

    I am thinking about overall best practice that will not have a negative impact on serps.

    I am also thinking about what will work best on all types of devices i.e. desk tops, lap tops, smart phones and tablets.

    What are the Pro's & Cons of Using CSS for Drop Down Menus.

    What are the Pro's & cons of using Javascript for drop down menus.

    And the same question for jquery.

    Thank you all in advance for your ideas.

    1 Reply Last reply Reply Quote 0
    • WilliamCarr
      WilliamCarr @bronxpad last edited by Dec 30, 2012, 11:31 PM Dec 30, 2012, 11:31 PM

      You can't go wrong with CSS. Endless styling possibilities. Also, I'd stay away from javascript because it's executed in order on the page. Meaning, if the JS doesn't load properly in the menu, the remaining JS below it wont load either.

      1 Reply Last reply Reply Quote 0
      • dawnieando
        dawnieando @bronxpad last edited by Dec 30, 2012, 10:07 PM Dec 30, 2012, 10:07 PM

        Thumbs up to you too Joel and good luck with your project.

        🙂

        1 Reply Last reply Reply Quote 0
        • bronxpad
          bronxpad last edited by Dec 30, 2012, 10:04 PM Dec 30, 2012, 10:04 PM

          Seems like the seo jury has spoken and CSS it is. Thank you all for your help on this matter. Thumbs up to you all.

          dawnieando WilliamCarr 2 Replies Last reply Dec 30, 2012, 11:31 PM Reply Quote 1
          • Zachary_Russell
            Zachary_Russell last edited by Dec 30, 2012, 9:34 PM Dec 30, 2012, 9:34 PM

            Hands down that CSS is the preferred way make dropdown menus. Google and on a lesser note, other search engines, have improved drastically with their ability to parse JavaScript / jQuery, and you may be able to get away with it, but it really should be avoided if possible. With the "new" CSS3 styles, you get almost any style you'd like with that.

            1 Reply Last reply Reply Quote 1
            • dawnieando
              dawnieando last edited by Dec 30, 2012, 7:58 PM Dec 30, 2012, 7:58 PM

              Hi Joel,

              I echo Marek's comments.  However, I'm a great fan of making 100% sure that the bots can access everything that I want them to so if I'm ever in doubt I go with css and html combination as much as possible.  We use Ajax and jQuery totally etc only on pages which we believe are 100% to be used primarily for user experience and engagement.  E.g. When they're doing searches for specific things and the page needs to be ultra fast and efficient.  However, we also try to ensure that we have crawlable pages which output the full content of a search wherever possible so that we can get the SEO benefit too.  It also helps for when people have javascript disabled (not many granted).

              I've seen so many ecommerce sites with great content but it's often got some kind of blockage that means a button has to be pressed or a form submitted to see it and if I'm not mistaken bots can't access this easily.

              Hope this helps.

              1 Reply Last reply Reply Quote 1
              • mad2k
                mad2k last edited by Dec 30, 2012, 7:30 PM Dec 30, 2012, 7:30 PM

                Hi Joel,

                In my opinion CSS is "The Best". Simple, easy usage, easy changes, very good speed of page load ... etc...

                As I red on many forums on the internet  JQuery and JS are are available for robots, so there are no contraindications to employ them.

                But

                CSS  - better code/text ratio (no long scripts in page code)

                CSS - simple usage and changes (CSS3, HTML5)

                CSS - faster loading (only simple text and html)

                In my opinion, now when we have HTML5 and CSS3 there is no better way - it's innovative and simple solution,

                🙂

                Marek

                1 Reply Last reply Reply Quote 1
                • 1 / 1
                1 out of 7
                • First post
                  1/7
                  Last post

                Got a burning SEO question?

                Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.


                Start my free trial


                Browse Questions

                Explore more categories

                • Moz Tools

                  Chat with the community about the Moz tools.

                • SEO Tactics

                  Discuss the SEO process with fellow marketers

                • Community

                  Discuss industry events, jobs, and news!

                • Digital Marketing

                  Chat about tactics outside of SEO

                • Research & Trends

                  Dive into research and trends in the search industry.

                • Support

                  Connect on product support and feature requests.

                • See all categories

                Related Questions

                • vtmoz

                  WordPress redirects are taking too long to navigate: Anyone ever faced this?

                  Hi community, We are using wordpress website. We have redirected hundreds of URLs from wordpress redirect manager for last 10 years around. Suddenly from last one week, the redirects are taking too long to navigate to the pages; like around 1 minute. Could you anybody face the same issue? Please help me on this. Thanks

                  Web Design | Jul 24, 2018, 2:29 PM | vtmoz
                  0
                • Dan-Louis

                  How to fix non-crawlable pages affected by CSS modals?

                  I stumbled across something new when doing a site audit in SEMRUSH today ---> Modals. The case: Several pages could not be crawled because of (modal:) in the URL. What I know: "A modal is a dialog box/popup window that is displayed on top of the current page" based on CSS and JS. What I don't know: How to prevent crawlers from finding them.

                  Web Design | Jul 24, 2018, 5:23 PM | Dan-Louis
                  0
                • STP_SEO

                  Does too much inline CSS impact SEO rankings

                  Hello, Does implementing a lot of inline CSS have a negative impact on SEO rankings? I imagine it could affect page speed, but any other issues I might run in to?

                  Web Design | May 6, 2017, 6:22 AM | STP_SEO
                  1
                • Joanne_Pendon

                  Website organic traffic unchanged, impressions took a 98% drop in the last week.

                  Hi all, I have a very curious predicament and I'd be grateful if someone could shed some light on the situation. As mentioned in the title, organic traffic to our website has remained unchanged, but organic impressions have taken a 98% drop in the last week. This happened suddenly over one day; on October 22, impressions were 700, on October 23, they were 500, and on October 24 they drastically dropped to 50. The next two days they were at 22 and then up to 35. Organic traffic, however, showed the normal "weekend drop" as of October 24, and is still showing normal level (even increased a bit) continuing into this week. These are organic impressions according to Google Analytics and Google Webmaster tools. We did perform a complete site redesign a month ago. Could this be an effect from the redesign? We also noticed drop in Domain Authority, but our competitors suffered a similar (if not greater) drop as well, so we wondered if it could be due in part to the algorithm update. If anyone could shed some light on the situation I would be so appreciative! Thanks!

                  Web Design | Oct 31, 2014, 2:24 PM | Joanne_Pendon
                  0
                • CsmBill

                  Forms vs. Buttons

                  We are an IT services firm. A conversion for us is completion of a lead form. Generally speaking, is it better to have a form to fill out in the sidebar on most organic pages, or a button that takes you to a lead form? I see both used, which do you think converts better?

                  Web Design | Mar 11, 2013, 9:57 PM | CsmBill
                  0
                • Lusodados

                  Seo and CSS media queries

                  Hello to all participants! I'm starting on responsive design with css media queries and I was wondering if hidding content can, in this case, can also be bad for seo? I know that hidding content is bad (eg. display: none;), but is it also like that with responsive design or does Google see it other way? If I have a news column with title, image and text for 1024px and hide the text and image leaving just the title for 768px, or smaller, will Google consider this black hat and will it be bad for seo? are there any articles I can read about this subject, and other similar subjects? sorry for my english 🙂 thanks

                  Web Design | Jan 18, 2013, 11:22 AM | Lusodados
                  1
                • DFM_GSA

                  Should the parent directory of the main site-navigation be clickable or not?!?

                  Highly discussed in our team is the question: Should all parent navigation items be clickable, or only the ones that have no child menu appearing on mouse over? At Starwood Germany, we  would like to adjust the main navigation for all our websites in order to improve consistency and user friendliness. At the moment, most of our websites feature both clickable non-clickable parent items, depending on whether the items have a corresponding child menu (appearing on mouse over) or not. See example here: http://www.imperialvienna.com/en Some of our team members believe it might be irritating and/or confusing for the user if some items are clickable while others are not. What do you think? Any thoughts and insights would be truly appreciated!

                  Web Design | Oct 30, 2012, 1:21 PM | DFM_GSA
                  0
                • bronxpad

                  Javascript, PhP and SEO Impact?

                  What are the Pro's and Con's of using Java Script and PHP in a site when factoring in SEO?

                  Web Design | May 23, 2012, 5:04 PM | bronxpad
                  0

                Get started with Moz Pro!

                Unlock the power of advanced SEO tools and data-driven insights.

                Start my free trial
                Products
                • Moz Pro
                • Moz Local
                • Moz API
                • Moz Data
                • STAT
                • Product Updates
                Moz Solutions
                • SMB Solutions
                • Agency Solutions
                • Enterprise Solutions
                • Digital Marketers
                Free SEO Tools
                • Domain Authority Checker
                • Link Explorer
                • Keyword Explorer
                • Competitive Research
                • Brand Authority Checker
                • Local Citation Checker
                • MozBar Extension
                • MozCast
                Resources
                • Blog
                • SEO Learning Center
                • Help Hub
                • Beginner's Guide to SEO
                • How-to Guides
                • Moz Academy
                • API Docs
                About Moz
                • About
                • Team
                • Careers
                • Contact
                Why Moz
                • Case Studies
                • Testimonials
                Get Involved
                • Become an Affiliate
                • MozCon
                • Webinars
                • Practical Marketer Series
                • MozPod
                Connect with us

                Contact the Help team

                Join our newsletter
                Moz logo
                © 2021 - 2025 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
                • Accessibility
                • Terms of Use
                • Privacy

                Looks like your connection to Moz was lost, please wait while we try to reconnect.