How To Show And Hide Input Fields Based On Radio Button Selection

by

Replace all instances of visibility style to display

display:none //to hide
display:block //to show

Here’s updated jsfiddle: http://jsfiddle.net/QAaHP/16/

You can do it using Mootools or jQuery functions to slide up/down but if you don’t need animation effect it’s probably too much for what you need.

CSS display is a faster and simpler approach.

More Related Contents:

  1. Write tags in HTML and print
  2. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  3. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  4. Get class list for element with jQuery
  5. How to disable HTML links
  6. Refresh/reload the content in Div using jquery/ajax
  7. How to do a Jquery Callback after form submit?
  8. How to delete a localStorage item when the browser window/tab is closed?
  9. Animate element to auto height with jQuery
  10. Get list of data-* attributes using javascript / jQuery
  11. Limit number of lines in textarea and Display line count using jQuery
  12. Jquery Mobile – $.mobile.changepage not loading external .JS files
  13. How to auto-scroll to end of div when data is added? [duplicate]
  14. Value was evaluated just now with console.log on JavaScript object
  15. Detect if browser is running on an Android or iOS device
  16. Adding rows dynamically with jQuery
  17. How to make supported on all browsers? Any alternatives?
  18. Javascript Code works in jsfiddle and but not in the Browser [closed]
  19. Preview images before upload
  20. Clearing my form inputs after submission
  21. Multiple Select limit number of selection
  22. Check if element is between 30% and 60% of the viewport
  23. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  24. Disable zoom on input focus in Android webpage
  25. How do I detect the inherited background-color of an element using jQuery/JS?
  26. how to use jQuery ajax calls with node.js
  27. Include html in another html file [duplicate]
  28. Placeholder for contenteditable div
  29. Change background on button click, using CSS only? [duplicate]
  30. Set value to currency in

Leave a Comment