why is the button not hiding?

Question

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>AJAX with JavaScript</title>
  <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="css/main.css">
  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>


  <script>

  function sendAJAX() {
    $('#ajax').load('sidebar.html');
    $('#ajax').hide();

  }

  </script>
</head>
<body>
  <div class="grid-container centered">
    <div class="grid-100">
      <div class="contained">
        <div class="grid-100">
          <div class="heading">
            <h1>Bring on the AJAX</h1>
          </div>
          <button id="load" onclick="sendAJAX()" class="button">Bring it!</button>
          <div id="ajax">

          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

Answer 1 · 2017-08-11T05:13:03Z

August 11, 2017 5:13am

The button's id is load not ajax so $('#load').hide();

Answer 2 · 2017-08-31T23:53:09Z

August 31, 2017 11:53pm

The id of button is "load" instead of "ajax".

 $('#ajax').hide();  //change it to "load"

 $('#load').hide();

Answer 3 · 2017-06-29T05:24:21Z

June 29, 2017 5:24am

try to put it in a click function like this $( "ajax" ).click(function() { $( this ).hide(); });

Welcome to the Treehouse Community

Looking to learn something new?

Ben Ahlander

Ben Ahlander

why is the button not hiding?

3 Answers

Arien Woodrow

Arien Woodrow

ywang04

ywang04

Matthew Garza

Matthew Garza

Matthew Garza

Matthew Garza