[Resolved] Close Button on Section

[Leon]

Hi Tom,

I’ve given a section an id of “topBar” and when I click a button, that section will disappear. This is the JS code used:

<script type="text/javascript">
			document.getElementById("closeTopBar").onclick = function(){
				document.getElementById("topBar").style.display = none;
			}
			
		</script>

The code works fine. However, when a user moves to another page, the section will show up again and it’s annoying.

Question is: how to make it that when a user clicks the close button on any page, the section will not show up again on any page?

(the section is a global section inserted by hook)

GeneratePress 2.2.2

GP Premium 1.7.8

[Tom]

Hi there,

You would need to create a cookie, and then check for the existence of that cookie.

This should help: https://github.com/js-cookie/js-cookie

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Leon]

Thank you Tom. Will see if it works out for me.

[Tom]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts