Search jQuery

jQuery Forum

Easiest way to show div based on radio selection

in Getting Started • 6 years ago

I have a situation whereas i need to show a different div with a different set of options based on the users radio selection.

At the moment this is what i have http://jsfiddle.net/e08jo9gr/11/ but only works with 1 div. How can i make this work for multiple radio buttons? or is there any easier way how to do this?

help much appreciated.

Replies(2)

jakecigar

Re: Easiest way to show div based on radio selection

6 years ago

http://jsfiddle.net/jakecigar/e08jo9gr/13/ uses classes rather than ids. An id must be unique, yours were not.

$(document).ready(function () {
$('input[type="radio"]').click(function () {
var formRow = $(this).closest(".form-row")
var showMe = formRow.find('.show-me')
if ($(this).hasClass('watch-me')) {
showMe.stop().slideDown('fast');
} else {
showMe.stop().slideUp('fast');
}
});
}); /* END DOCUMENT READY */

JΛ̊KE

richard1

Re: Easiest way to show div based on radio selection

6 years ago

Many thanks for your help. - much appreciated

Top Reply

Response title

Attachments

jQuery Forum

Easiest way to show div based on radio selection

Replies(2)

Re: Easiest way to show div based on radio selection

Re: Easiest way to show div based on radio selection

Statistics

Tags

Actions

Related Posts