Find the “potential” width of a hidden element

by

The width of an element that has CSS visibility: hidden is measurable. It’s only when it’s display: none that it’s not rendered at all. So if it’s certain the elements are going to be absolutely-positioned (so they don’t cause a layout change when displayed), simply use css('visibility', 'hidden') to hide your element instead of hide() and you should be OK measuring the width.

Otherwise, yes, show-measure-hide does work.

More Related Contents:

  1. How do I display a lightbox on only homepage of my blogger blog?
  2. My website doesn’t load jQuery [closed]
  3. My JS is not working (chat application)
  4. CSS for background changing over time [duplicate]
  5. dynamic rectangular or square div of any size which can be fitted into a fixed size div [closed]
  6. Make header and footer files to be included in multiple html pages
  7. Turn a number into star rating display using jQuery and CSS
  8. How can I remove a style added with .css() function?
  9. animating addClass/removeClass with jQuery
  10. What is the cleanest way to disable CSS transition effects temporarily?
  11. Parsing CSS in JavaScript / jQuery
  12. Show loading image while $.ajax is performed
  13. How to show popup message like in Stack Overflow
  14. Using jQuery how to get click coordinates on the target element
  15. How do I achieve equal height divs (positioned side by side) with HTML / CSS ?
  16. How to select all checkboxes with jQuery?
  17. Dropdown select with images
  18. css transition doesn’t work if element start hidden
  19. jquery – How to determine if a div changes its height or any css attribute?
  20. How to convert unordered list into nicely styled dropdown using jquery?
  21. Responsive horizontal page sliding
  22. How to build simple tabs with jQuery?
  23. Bootstrap Dropdown with Hover
  24. How to get border width in jQuery/javascript
  25. How to show hidden divs on mouseover?
  26. Placeholder for contenteditable div
  27. jQuery add class based on page URL
  28. jQuery when element becomes visible [duplicate]
  29. Difference between jQuery’s .hide() and setting CSS to display: none
  30. jQuery – How to get all styles/css (defined within internal/external document) with HTML of an element

Leave a Comment