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