html - How to reset hover function after using jquery with css -


it's kind of hard explain, have look: http://performasia.com/destinations/.

i'm using svg map css hover functions, , i'm trying have links @ bottom cause countries have hover effect. also, i'd ideally work vice-versa, when hover on country, updates links (for reason isn't working, ideas?)

the primary problem though, after hover on first china link, prevents seeing hover effect on country lights again (yes, know, it's thailand, not china).

here's code i'm using. each country polygon , have own id, each li link:

 <script>     $('#list_china').hover(function(){         $('#map_china').css('fill', 'red');     ),function(){         $('#map_china').css('fill', '#86888a');     });                      </script>    

you have 2 defintions map_china in svg.

remove second one.

and may related, you're not closing tag for:

<polyline class="worldmapcountry" fill="#86888a" stroke="#6f7173" stroke-width="0.25" stroke-miterlimit="10" points="186.231,213.648 186.902,214.319  

Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -