jquery - jvectormaps Changing div onRegionClick -



jquery - jvectormaps Changing div onRegionClick -

what have 3 divs each own id's in class. in css file have made class "display:none;".

<div class="stat"> <div id="one"> <p>one</p> </div> <div id="two"> <p>two</p> </div> <div id="three"> <p>three</p> </div> </div>

what want have map able alter display on specific div everytime click state. example, everytime click state a, div 1 appear, if click state b, div 2 appear div was.

fiddle link if helps: http://jsfiddle.net/mrvvuh1n/

cheers

quite late answer, hope help someone.

if doesn't need templated, suggest solution jquery:

$('path[data-code="#"]').click(function(){ $('#one').css('display', 'block'); $('#two').css('display', 'hidden'); //something that, illustration });

where instead of # data-code of state need, can find looking in source code.

and, of course, "display: none;" in css file need applied blocks ids (one, two, three), not class "stat".

not sure code, didn't check if there syntax errors. sense free write doublecheck it.

jquery jvectormap

Comments

Popular posts from this blog

formatting - SAS SQL Datepart function returning odd values -

c++ - Apple Mach-O Linker Error(Duplicate Symbols For Architecture armv7) -

php - Yii 2: Unable to find a class into the extension 'yii2-admin' -