How to make these jquery pop ups fall back to css when javascript disabled


Tags: jquery,css,popup

Problem :

I have this pop up menu that I plan to use on a map. I want this to fall back to css hover when Java script is disabled. I have tried with sibling selectors and can't get it to work.

here is the fiddle:

The fiddle



Solution :

try this for all locations:

#location1:hover .pop-up{
   display:block;
   opacity:1;            
}

add transitions for the fade-in/out effect


    CSS Howto..

    how to create a table layout with float in css

    how to select an anchor tag with a specific id inside a ul using css

    How to make a div update the content with a sliding effect (animation similar to flash)?

    How to call am (image) div inside of a list?

    How to apply table css to this structure?

    How do I code CSS to “change” when I load/pull content using ajax?

    How to prevent cutting off absolute positioned elements and still keep a box-shadow embrace the parent div?

    how to arrange the sequence of js and css files in webpage?

    how to get css highlighting and hinting for php files in dreamweaver that are being read as css files?

    jqueryUI custom button not showing up

    How to load a apply jQuery function upon appending a
    via Ajax?

    How to implement a webpage with tabs in my case?

    how to reference elements in CSS or JS files for fastest parsing?

    How to center two pieces of text using CSS and Bootstrap?

    How to slide/grow a tile to position with 90x90px with CSS

    How to make an anchor fill the height of its containing div

    How to remove text flicker in CSS?

    How to use CSS to make an input fields behaves like a button click?

    JavaFx how to align only one column-header in tableview?

    How to increase the duration of :active in css?

    Show/Hide & Change CSS functions are not working

    How to align form using css [closed]

    How to make edgy corners with css

    Lazy loading images how

    How can menu items be displayed from bottom up using CSS

    How to crop an image edge

    How to create CSS for round, responsive, bootstrap button with border? Border is affecting pixels

    how to make triangle in css [closed]

    CSS Sprites - How to hide the balance portion of the image

    how to center submenu under the parent `
  • `