The .fadeOut() method to use visibility property instead of display property

by

Use jQuery’s fadeTo() and then have a callback set the visibility. Example:

$('#fade').on("click", function(){
    $(this).fadeTo(500, 0, function(){
        $(this).css("visibility", "hidden")
    }) // duration, opacity, callback
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<a href="#" id="fade">Click to Fade</a>
<div>This won't move</div>

More Related Contents:

  1. jQuery Adding new option to select element doesn't pick up the string [closed]
  2. Add Content to webpage using only CSS
  3. anchor click doesn’t open the modal
  4. What will be selector for multi class HTML element in CSS or JQuery?
  5. Slide down button to show text HTML CSS
  6. CSS Trouble adding border
  7. jQuery change class name
  8. Auto-scaling input[type=text] to width of value?
  9. Bind event to right mouse click
  10. Bootstrap 3 Collapse show state with Chevron icon
  11. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  12. Find text string in jQuery and make it bold
  13. Can I change the scroll speed using css or jQuery?
  14. How do I auto-hide placeholder text upon focus using css or jquery?
  15. Set width of a “Position: fixed” div relative to parent div
  16. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  17. expand/collapse table rows with JQuery
  18. How to take id as selector when used hash?
  19. auto resize text (font size) when resizing window?
  20. Mobile site – force landscape only / no auto-rotate
  21. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  22. Check, using jQuery, if an element is ‘display:none’ or block on click
  23. Creating a hole in a element
  24. How to force a hover state with jQuery?
  25. Apply CSS to jQuery Dialog Buttons
  26. CSS issue on Twitter Typeahead with Bootstrap 3
  27. Google Chrome viewport-anchored expand direction with flexbox
  28. Use jQuery to Detect Container Overflow?
  29. Bootstrap Carousel showing next and previous image
  30. Possible to have a floating horizontal scrollbar?

Leave a Comment