How to SHOW/HIDE dynamically created DIV on RadioButton Select

How to SHOW/HIDE dynamically created DIV on RadioButton Select

Hi,

i have several programmatically generated DIV Sections in my WebApplication. And i have for each of these DIV Section a RadioButton Group. When the user now checks the RadioButton of the associated DIV-Section the Section should be Shown. And when he checks the other RadioButton the DIV Section should be hidden.

How could a jQuery Function and a call look like, which does the above action?

Here my sample:

  1. <form>
  2. <input type="radio" name="103845098431" value="yes" /> Yes<br />
  3. <input type="radio" name="103845098431" value="no" /> No
  4. <div id="103845098431">
  5.  <input type="text" name="103845098431" />
  6. </div>
  7. <input type="radio" name="203842222222" value="yes" /> Yes<br />
  8. <input type="radio" name="203842222222" value="no" /> No
  9. <div id="203842222222">
  10.  <input type="text" name="203842222222" />
  11. </div>
  12. <input type="radio" name="303842352433" value="yes" /> Yes<br />
  13. <input type="radio" name="303842352433" value="no" /> No
  14. <div id="303842352433">
  15.  <input type="text" name="303842352433" />
  16. </div>

  17. </form>
103845098431,  303842352433, ...  are Unique Identifiers for each RadioButton Group and Div Section!