Toggle Sidebar Display

While annoying, your plugin is functioning properly. The page completely renders itself first, showing the sidebar, and then the JavaScript code activates to hide the sidebar.

The fix for this is to have your PHP code check/grab the user’s cookie and set the display’s sidebar status accordingly. That way when the page renders it will be set to none initially, and then any future image toggles can hide/show the sidebar dynamically.

When the page is loaded again for whatever reason, the same PHP loading code will run again, and set the initial state of the sidebar accordingly, without any need to “follow up” after the initial page load to show/hide the sidebar.

Hopefully this makes sense. If you need some specifics, you might try updating your question with the code involved.

Related Posts:

  1. How do I “unhook” / de-register jQuery so that it’s not called as part of wp_footer();?
  2. Returning Variables back into a template
  3. Can not Remove Archives and Meta from Sidebar
  4. Unhook jQuery from WooCommerce via `functions.php`? [closed]
  5. Custom theme, contact form 7 & fast secure form doesn’t work
  6. Load sidebar template just once to prevent multiple animations
  7. Replace single_template filter with what for default posts?
  8. JQuery undefined and Stylesheet loads in bottom along with js files
  9. Load different single.php templates according to post layout selection
  10. Enable WP to accept standard jQuery code embeding between the tags [duplicate]
  11. enqueue script if page is not equal to
  12. Custom single template for a specific category
  13. What is the difference between wp_register_sidebar_widget and register_widget?
  14. How does WordPress decide what template to use as frontpage
  15. How can I get wp_head() as a string instead of echoing it?
  16. Why does my short code get executed before other content?
  17. How can I see what template parts are being called for rendering the viewable page?
  18. How to change post thumbnail title and alt attributes to post title?
  19. Why might $input (Settings API) be coming through empty?
  20. How to get the name and description of a sidebar in theme?
  21. Best approach for loading a sidebar Only if the screen max-width is >900px?
  22. How to Handle CSS for Multiple Header header.php Files?
  23. Merging PHP download script into `functions.php`
  24. Static Front Page problem
  25. Is there an error in get_the_tag_list()?
  26. WordPress Google Maps in Custom Theme
  27. How to override BuddyPress 3.0 bp-nouveau theme files?
  28. Allow users to add custom functions to wordpress theme
  29. How to add custom template tag in wordpress theme?
  30. How do I display the “Archives” widget layout (sidebar) in WordPress by ‘year’ then by ‘months’?
  31. Setting hero/splash section as a blog post
  32. Where is the correct place(s) in twentysixteen’s header.php to add a Google webfont?
  33. Getting jquery to work with custom theme
  34. How to retrieve an image from a post and display it before excerpt of a post? [duplicate]
  35. Add external js file to footer with id
  36. Make “sidebar template” the default template for new pages
  37. Adding wp_enqueue_media(); causes problem
  38. New template, where to place CSS?
  39. Is there a theme function for is_password_protected()?
  40. get_query_var() and permalinks
  41. Move theme templates to subfolder without losing page associations
  42. How to store functions in… functions.php?
  43. Why are theme templates organized as multiple point of entry PHP files instead of reusing your theme’s index.php?
  44. is_dynamic_sidebar always returns true while using Jetpack visibility
  45. Check if home.php and set home.php as page_on_front
  46. jQuery not available to other scripts
  47. Override template file i subfolders
  48. Single Page theme [closed]
  49. Create another “Display Site Title and Tagline” checkbox, “Header Text Color” setting and control
  50. Should I use add_filter for functions in function.php of the theme?
  51. Do i need to keep all the default WP templates files in a theme?
  52. how to display search term in the template full site editor
  53. How to override p2 breathe theme plugin in content template file?
  54. Is the “_s” on this `sprintf(__(‘Page %s’, ‘_s’), max($paged, $page))` just refer to a text domain?
  55. “Theme without sidebar.php is deprecated”
  56. Using page-id-{ID} from body_class() in local dev, versus live staging
  57. Template for landing pages
  58. Unique design inside a specific category’s url
  59. How to call multiple functions from multiple files into a WordPress page template [closed]
  60. How to make javascript work on theme options page
  61. How can I hard code my sidebar?
  62. How to call the_time current?
  63. Should is_active_sidebar() always be used around dynamic_sidebar()?
  64. Shortcode call not working in WP Template
  65. A post with a clear:both in its css destroy the theme design, and the sidebar is moved to the bottom
  66. How to add sidebar to Isola theme? [closed]
  67. Create theme for mobile phones and tablets only?
  68. Change the sidebar from left to right twentyfourteen theme
  69. How to create a WP theme that use BootStrap? [closed]
  70. Changing sidebar.php and footer.php depending on URL
  71. Recommended sidebar / content widths
  72. loading javascript after jquery is loaded
  73. MapPress Easy Google Map in Jquery Tabs Problem
  74. How to setup sidebar modules to use jQuery Accordian
  75. How to Modify WP_Includes/blocks/latest_posts.php
  76. Sidebar not displaying (theme development)
  77. How to implement pagination in category.php template
  78. Embedding CodePen Calorie Script – jquery error
  79. Infinite scroll without plugin using ajax
  80. change background image on scroll
  81. Cold Fusion to WordPress
  82. Using wp_add_inline_style Inside a Template File
  83. Undefined index: custom_sidebars
  84. jQuery conflict in WordPress, works fine in HTML
  85. FitVid not working for iframes on particular theme install
  86. Creating a Playlist of Widgets
  87. How to display only some widgets of a sidebar?
  88. Problem with multiple menus in theme
  89. How to Remove Sidebar when get_sidebar() is not get called in page?
  90. WordPress two sidebar layout or theme
  91. apply_filters to featured image
  92. Mamp pro permalink issues. Pages keep reverting to index.php
  93. WordPress Subpages Fancybox Trouble
  94. Add the title of a widget as an ID – for anchor links
  95. Incorrect sidebar showing on WooCommerce Store page [closed]
  96. can’t add EVENT LISTENER to a element
  97. Getting URL of Resized Image
  98. Adding a new layout for genesis
  99. Meaning of “if ( is_home() && ! is_front_page() )” snippet?
  100. What is the point of using archive.php instead of index.php?