jquery - show and hide multiple divs on click -


i have 3 links , each link points different version of document. how can show/hide them?

right now, have <div id="defaulttemplate">. default. below it, have <div id="option2" class="hidden"> , <div id="option3" class="hidden">

options 2 , 3 hidden should be, want show/hide each user clicks on links.

here non-working jquery:

$('.option1, .option2, .option3').click(function(){     var toshow = $(this).attr("class");     console.log(toshow);     $('#defaulttemplate').fadeout(600, function(){         $('#' + toshow).show();      }); }); 

thanks!

your id's have capital o in option2 id="option2"

as classes clicking have small o ,

when -

$('#' + toshow).show(); i.e $('#option2').show(); , no id option2 is id, option2

you need change id's option1,option2,option3 , small o


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -