function hide in javascript

Question

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>

Check your console for errors : Uncaught ReferenceError: $ is not defined , which means jQuery is not defined. You forgot to add a reference for the jquery library. — Raja Khoury
– Raja Khoury, Commented Jan 6, 2016 at 21:00
Submit submits the form so that means when the page reloads the element will show up again. — epascarello
– epascarello, Commented Jan 6, 2016 at 21:01

Ikechukwu Kalu · Accepted Answer · 2016-01-06 21:02:58Z

1

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>

answered Jan 6, 2016 at 21:02

Ikechukwu Kalu

1,69915 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raja Khoury · Accepted Answer · 2016-01-06 21:06:05Z

1

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>

edited Jan 6, 2016 at 21:06

answered Jan 6, 2016 at 20:52

Raja Khoury

3,2151 gold badge22 silver badges20 bronze badges

Comments

José Alves Durand Neto · Accepted Answer · 2016-01-06 20:57:23Z

0

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>

answered Jan 6, 2016 at 20:57

José Alves Durand Neto

625 bronze badges

Comments

Antonio Manente · Accepted Answer · 2016-01-06 21:05:46Z

0

Try loading on document.ready:

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

edited Jan 6, 2016 at 21:05

Antonio Manente

3602 silver badges14 bronze badges

answered Jan 6, 2016 at 20:54

Tim

4,10910 gold badges39 silver badges64 bronze badges

Collectives™ on Stack Overflow

function hide in javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related