[Resolved] Top Bar and Close button Vanilla JS

[Suraj Katwal]

Hi, I am using Top Bar widget and I make it sticky too with a close button.
Can you please assist me with Vanilla JS to hide the top bar when I click the Close button.

View post on imgur.com

[David]

Hi there,

the JS for it is quite simple as you’re running jQuery you could do this for example:

jQuery(document).ready(function($){
    $(".wplogout-close-btn").click(function(){
      $(".top-bar").hide();
    });
});

or instead of hide() you could use another function such as addClass()

https://www.w3schools.com/jquery/html_addclass.asp

But… thats the simple part, the difficult part is ‘remembering’ the user has clicked the button so it doesn’t re-appear on every page and every new visit. That unfortunately requires custom development and is way out of our scope.

[Suraj Katwal]

Thank You

[David]

You’re welcome

[Author]

Posts