Using jQuery .live with toggle event

by

You cannot use live and toggle together. What you can do, is simply make your own “toggle” of sorts:

$('#showHideComments').live('click', function() {
    if($("#addComment").is(':visible')){
      $(".commentsSwitch").animate({"marginLeft": "-=53px"}, 500);
      $("#comments, #addComment").fadeOut(300);
    } else {
      $(".commentsSwitch").animate({"marginLeft": "+=53px"}, 500);
      $("#comments, #addComment").fadeIn(300);
    };
});

live is binding to click, however, when toggle is called, it is also bound (normally) on click. You should decide if ‘live’ is really what you need. For instance, if #showHideComments object is replaced via AJAX during the use of the page, then you need live and my solution. However, if it isn’t swapped out and remains the same, just use the inside of your original live function (just the toggle code) and you will be golden.

More Related Contents:

  1. How can I use JQuery to post JSON data?
  2. How to send a PUT/DELETE request in jQuery?
  3. Send JSON data via POST (ajax) and receive json response from Controller (MVC)
  4. How can I post an array of string to ASP.NET MVC Controller without a form?
  5. How to enable or disable an anchor using jQuery?
  6. jQuery Date Picker – disable past dates
  7. Queue ajax requests using jQuery.queue()
  8. jQuery OR Selector?
  9. Bootstrap 3 Collapse show state with Chevron icon
  10. How can I set the value of a DropDownList using jQuery?
  11. Detecting no results on jQuery UI autocomplete
  12. jqGrid resolve the grid pager ID dynamically?
  13. jQuery load external site page
  14. jquery input select all on focus
  15. Set width of a “Position: fixed” div relative to parent div
  16. What is “traditional style of param serialization’ in JQuery
  17. Pass Blob through ajax to generate a file
  18. jQuery Validate plugin – password check – minimum requirements – Regex
  19. Mobile site – force landscape only / no auto-rotate
  20. jQuery delay not working
  21. jQuery select based on text
  22. Trigger change event using jquery
  23. How does GitHub change the URL without reloading a page?
  24. success callback after knockout.js finishes rendering all the elements
  25. select2 and jquery validation not working properly
  26. jQuery modal dialog and jqGrid
  27. jQuery check if it is clicked or not
  28. How do I dynamically enable/disable links with jQuery?
  29. jQuery Removing specific text from an element
  30. scroll up and down a div on button click using jquery

Leave a Comment