Adding JQuery in codepen

Adding JQuery in codepen
0.0 0

#1

Im testing to see if Jquery will work with my html in codepen. Its not running it. I already added jQuery and Bootstrap in the javascript tab:

My code so far
javascript code

$(document).ready(function() {
    $("#instagram").addClass("animated fadeOut");
  });

html code

<div>
   <div class="row-border" id="contact-bar">
<div class= "row no-gutters">
 <div class="col-xs-4">
   <button type="button" class="btn btn-primary" id="github">github</button>
 </div>
 <div class="col-xs-4">
<button type="button" class="btn btn-primary" id="facebook">facebook</button>
 </div>
 <div class="col-xs-4">
<button type="button" class="btn btn-primary" id="instagram">instagram</button>
 </div>

#2

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


#3

Did you add the animate.css library to your CSS module?


#4

No I didn`t that was the issue thank you!


#5

Thanks for the advice! I will use this next time