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. Best practices regarding the creation of custom widgets?
  13. Sort wp_query by sum of two meta fields
  14. How to override p2 breathe theme plugin in content template file?
  15. How to: JQuery multiple wordpress media uploader buttons in the same options page?
  16. Move default page templates to sub directory
  17. Jquery implementation not working on page reload
  18. What can I use for small text when converting to WordPress?
  19. Displaying details of a post in a sidebar
  20. How to disable controls in theme customizer?
  21. Theme Customizer not loading JS for live preview
  22. Post thumbnail to append post content via ajax click event
  23. Remove “You are using WordPress 3.2.1” from Right Now Dashboard Widget
  24. Would to use AJAX to get an option from the database and use it in a jquery setup or is there an alternative to consider?
  25. Is the “_s” on this `sprintf(__(‘Page %s’, ‘_s’), max($paged, $page))` just refer to a text domain?
  26. “Theme without sidebar.php is deprecated”
  27. Replace function in a child theme
  28. Where to place template files?
  29. Using page-id-{ID} from body_class() in local dev, versus live staging
  30. My jQuery is enqueued properly. So why isn’t it working?
  31. Is there any tool to find lines of codes responsible to generate front-end HTML elements?
  32. How do I get the trackback count of a post in wordpress without writing an SQL query?
  33. Use WordPress function in php file
  34. Change the “Default Avatar” admin option via functions.php
  35. Need help with adding templates (archives and sitemap) to WordPress child theme
  36. Template for landing pages
  37. Unique design inside a specific category’s url
  38. How to call multiple functions from multiple files into a WordPress page template [closed]
  39. How to seperate static phrases from template files in custom theme?
  40. Javascipt issue on custom theme
  41. Define PHP variable from a seperate API if statement
  42. How to make javascript work on theme options page
  43. How is the `get_sidebar` function meant to be used to call a 2nd sidebar?
  44. Broken theme, template is missing
  45. Should I create multiple sidebars, or use or one dynamic sidebar with logic to determine it’s abilities?
  46. Theme not calling Jquery properly
  47. How to add menù section to my WordPress template?
  48. Weirdness in jQuery supplied with WordPress
  49. How can I hard code my sidebar?
  50. Run a jquery script on on a certain template page
  51. How to call the_time current?
  52. Post and page content not displaying in search results
  53. Why still output /wp-content/themes/twentynineteen?
  54. Should is_active_sidebar() always be used around dynamic_sidebar()?
  55. jQuery from parent theme loaded with many other scripts in a single min.js file
  56. How to add custom meta box when you have a custom page template file
  57. Password protect a custom template
  58. Templates dropdown not appearing using _s theme (underscores)
  59. Shortcode call not working in WP Template
  60. A post with a clear:both in its css destroy the theme design, and the sidebar is moved to the bottom
  61. How to add sidebar to Isola theme? [closed]
  62. Create theme for mobile phones and tablets only?
  63. Confused by the behaviour of “front page” / “home” templates
  64. Trouble in enquing all js files under certain directory
  65. I need to develop a one-page design
  66. Allow different tags in widget titles
  67. Change the sidebar from left to right twentyfourteen theme
  68. add jquery file if a certain page is included
  69. Why a SlideShow (made using JQuery FlexSlider) can’t work if I load it form functions.php but work if I load it from my footer.php file? [closed]
  70. How to create a WP theme that use BootStrap? [closed]
  71. Changing sidebar.php and footer.php depending on URL
  72. Add content after get_header
  73. Can’t change theme name
  74. How to set default values for edit_post_link() in my theme?
  75. How do I implement jPanelMenu?
  76. How to link to the page displayed by home.php?
  77. Under theme folder, what’s sequence of action for index.php, page.php, single.php?
  78. Recommended sidebar / content widths
  79. How to make excerpt image be full size instead of thumbnail?
  80. loading javascript after jquery is loaded
  81. MapPress Easy Google Map in Jquery Tabs Problem
  82. Is there a template tag I can use to link to the archive page corresponding to the month that a post was published on?
  83. Hide/disable sidebar using shortcode?
  84. How to setup sidebar modules to use jQuery Accordian
  85. I don’t think WordPress is loading jquery or bootstrap js
  86. How to Modify WP_Includes/blocks/latest_posts.php
  87. how can i remove js file from my footer in wordpress
  88. How to properly use AWS SES for a contact form?
  89. Sidebar not displaying (theme development)
  90. How to implement pagination in category.php template
  91. Embedding CodePen Calorie Script – jquery error
  92. How to load jQuery with Ajax in WP version 5.3.2?
  93. How to enqueue scripts properly with ES6 webpack?
  94. Infinite scroll without plugin using ajax
  95. change background image on scroll
  96. Cold Fusion to WordPress
  97. Template for front page (latest posts)
  98. Using wp_add_inline_style Inside a Template File
  99. which template should I use for single category post?
  100. Should I use template files or just use conditional tags in index.php?
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)