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
Post a Comment