New to the community? Start here

Hide Div on specific URL with Javascript

Hey there

I need a hint.

Go to ms4.galli-web-dev.ch/konto

you will see two div boxes on the right. "Warenkorb" and "Support".

Now, when you go to /konto#basket or /konto/#basket I have to hide the Div #div_block-19-156 (this is the Warenkorb). How can I do this, so the div appears again when I´m not on the URL /konto#basket or /konto/#basket?

I managed to set a display:none when the URL was /konto#basket or /konto/#basket but when I changed the URL, the div stayed hidden.

Do you have a hint how I can do that with javascript?

Best regards

Mike

Tue, 26 Mar 2019 16:56:37

Inderjeet Singh
- Site Builder, Child of Zeus
- 49 pts: Hero points 167 pts: Rep. points LEVEL 4
Hello Michael,

Hope you are doing well!

For hide the div in specific URL ***konto/#basket then you need to add the following jquery code into the footer.php file.
```
var valhast = jQuery(location).attr('hash');

if (valhast == '#basket'){

jQuery("#div_block-19-156").css("display", "none");

}
```
Hope this will work for you.

Thanks,

Inderjeet
Bauer
- WPMU DEV Initiate
- 198 pts: Hero points 16 pts: Rep. points LEVEL 1
Hey Singh,

Thank you, works perfectly!

Best regards

Mike

Sales question?

How do you rate me?

Thank you for rating your experience!