jQuery show element ID only on homepage

Question

I have this jQuery code on my site

if(window.location.href.indexOf("mysite.com/") != -1){
$("#announcer_box").hide();

I would like to show this element ID on my homepage,but exclude it from all other pages. how is this possible?

i am using wordpress.

Answer 1

On your home page, give the <html> or <body> tag a special class (like maybe "homepage"):

<html class='homepage'> <!-- plus any other classes you want/need -->

Then in your CSS:

#announcer_box { display: none; }
.homepage #announcer_box { display: block; }

Answer 2

This should work:

if ((window.location.protocol + "//" + window.location.hostname + "/") != (window.location.href)) {
        $("#announcer_box").hide();
 }

Answer 3

you might have a <body class="homepage"> , then, something like that ?

if($("body").hasClass("home")
  $("#announcer_box").hide();