CODEWITHSUNDEEP
javascriptjqueryhtml
SeuZeRicardo
SeuZeRicardo

Reputation: 1

function hide in javascript

First, sorry for my english, i´m a brazilian boy and new with javascript, and i try to make the id=termsjust hide in the site. I just don´t know what to do anymore.

Any help will be useful

The code is this 

<div id="term">
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
	</p>

	<button id="accept" type="submit" name="accept">Accept the terms of this site</button>
	
</div>

<script>
	$("#accept").click(function(){
	    $("#term").hide("fast");
	});
</script>

Upvotes: 0

Views: 85

Answers (4)

Raja Khoury
Raja Khoury

Reputation: 3195

Did you Include jquery ? Wrap your function in DOM Ready $(function(){.. });

$(function() {
  $("#accept").click(function() {
    $("#term").hide("fast");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="term">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  </p>
  <button id="accept" name="accept">Accept the terms of this site</button>
</div>

Upvotes: 1

Tim
Tim

Reputation: 4101

Try loading on document.ready:

$document.ready(function(){ 
  $("#accept").click(function(){
    $("#term").hide("fast");
  });
});

Upvotes: 0

Ikechukwu Kalu
Ikechukwu Kalu

Reputation: 1644

You have to add a link to your jQuery.js file

<div id="term">
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
	</p>

	<button id="accept" type="submit" name="accept">Accept the terms of this site</button>
	
</div>

<script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$("#accept").click(function(){
	    $("#term").hide("fast");
	});
});
</script>

Upvotes: 1

Jos&#233; Alves Durand Neto
Jos&#233; Alves Durand Neto

Reputation: 62

in javascript you need to do this:

  <script>
    var v_accept = document.querySelector("#accept");
    v_accept.addEventListener('click',function(){
       var v_term = document.querySelector("#term");
       v_term.style.display = 'none';
     });
   </script>

Upvotes: 0

Related Questions