Javascript Not Working in Child Theme

  • I am working on a child theme of Twenty Thirteen. I want to make a slide down about page (something like the one seen here), but I can’t get the javascript to work.

    I put this before the end of <head> in header.php:

    <script>
 $(document).ready(function(){
 $("toggle").click(function(){
  $("abouttoggle").slideToggle();
  });
 });
</script>

    And this in the body:

    <div id="abouttoggle">
 <div id="abouttoggle_inner">
   <h1>This is the About Page.</h1>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  </div>
</div>

    But when I click the button, it doesn’t do anything. What am I doing wrong?

Viewing 2 replies - 31 through 32 (of 32 total)
  • Thread Starter mcography

    (@mcography)

    Well, thanks for trying to help, Andrew. If anyone else has ideas, please feel free to post them, because I am lost.

    Thread Starter mcography

    (@mcography)

    Inexplicably, it is working now. Thanks again for all your help, Andrew. You’re awesome.

Viewing 2 replies - 31 through 32 (of 32 total)
  • The topic ‘Javascript Not Working in Child Theme’ is closed to new replies.