How to show/hide an element on checkbox checked/unchecked states using jQuery?

by

Try this

$(".answer").hide();
$(".coupon_question").click(function() {
    if($(this).is(":checked")) {
        $(".answer").show(300);
    } else {
        $(".answer").hide(200);
    }
});

FIDDLE

More Related Contents:

  1. rocking effect in jquery? [closed]
  2. How to fire AJAX request Periodically?
  3. Show div on scrollDown after 800px
  4. Stopping fixed position scrolling at a certain point?
  5. How to check if click event is already bound – JQuery
  6. Toggle input disabled attribute using jQuery
  7. what’s faster? CSS3 transitions or jQuery animations?
  8. jQuery find element by data attribute value
  9. Populating One Select Box Based on the Selection in Another Select Box – JQuery?
  10. jquery live hover
  11. Reset select2 value and show placeholder
  12. Use jQuery to Select Visited Links
  13. How to hide/show more text within a certain length (like youtube)
  14. Use success() or complete() in AJAX call
  15. Validate Format of an Email Address using Jquery.validate.js [closed]
  16. Check if YouTube video is playing and run script
  17. How to return an object from a Spring MVC controller in response to AJAX request?
  18. $(”) vs $(”) in jQuery
  19. Is it safe to use $.support.cors = true; in jQuery?
  20. What is the best practice for parsing remote content with jQuery?
  21. jquery fill dropdown with json data
  22. Find all elements on a page whose element ID contains a certain text using jQuery
  23. jQuery validator plugin + ajax submitting not working
  24. jQuery $(this) selector function and limitations
  25. Remove CSS “top” and “left” attributes with jQuery
  26. jQuery: using a variable as a selector [duplicate]
  27. jquery validation not waiting for remote validation to return true, considers form valid
  28. Selecting a jQuery Tab using a parameter in the URL
  29. Using jQuery’s $.ajax within an angularJS controller
  30. Load JQuery into a Chrome extension?

Leave a Comment