Question

I am trying to hide and show different div’s depending on which radio you select. Unfortunately I could not come up with working solution so far. Here is my starting code http://jsbin.com/edokef/1/edit

Maybe someone could suggest how to achieve that? I was thinking about getting the index of each radio but each radio is inside separate div wrap and in that case the index is always 0.

Thank you for any idea.

Answer 1

Demo: http://jsbin.com/edokef/7/edit

Code:

options.click(function(){
      var id = "opt" + $(this).val();
      $(".optDivs").hide();
      $("#" + id).show();

    });

Plus, each div that should be shown has a class now (optDivs)