jQuery hide element while preserving its space in page layout

by

Instead of hide(), use:

css('visibility','hidden')

hide() sets the display style to none, which completely removes the element from the document flow and causes it to not take up space.

visibility:hidden keeps the space as it is.

More Related Contents:

  1. How to change the element of another div by clicking and hovering on an element of a different div
  2. Hide/Show div on specific page with jquery
  3. HTML nchor Tag doesn’t show link
  4. Use jQuery to hide a DIV when the user clicks outside of it
  5. Clear form fields with jQuery
  6. How to detect if two divs touch with jquery?
  7. Scroll to bottom of Div on page load (jQuery)
  8. jQuery find closest previous sibling with class
  9. How to detect input type=file “change” for the same file?
  10. JavaScript: Changing src-attribute of a embed-tag
  11. How do I get the entire page’s HTML with jQuery?
  12. How to use jQuery to add form elements dynamically
  13. Get the value of -webkit-transform of an element with jquery
  14. Auto-click button element on page load using jQuery
  15. Display XML content in HTML page
  16. jQuery get selected option value (not the text, but the attribute ‘value’)
  17. jQuery checkbox event handling
  18. Draggable div without jQuery UI
  19. How to force an HTML form to validate without submitting it via jQuery
  20. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  21. Jquery Multiple load in a DIV
  22. submit disabled fields
  23. What’s faster for including scripts, using CDN (Google) or storing them locally in website’s root?
  24. JQuery search in static HTML page with highlighting of found word
  25. Disable select options based on value *through the HTML only!*
  26. Selectable optgroup using select2
  27. Html5 drag and drop on svg element
  28. Possible to have a floating horizontal scrollbar?
  29. change the href of a css link via jquery
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment