Question

I need a specific div to only show when a specific item is selected.

Here is my progress so far: Progress

You will see in HTML comments that div5 needs to show if option 2 is selected however, on default div5 will be set to display none.

All suggestions welcome!

Answer 1

Couldn’t you just add a conditional to check if data-target='2' is selected, then reveal #div5, otherwise hide it?

Like this fiddle.

Code used:

if ($(this).data('target') == "2") {
    $("#div5").show();
} else {
    $("#div5").hide();
}