I can’t complete this lesson on why target the same element with multiple J-Query selectors. I thought I did it right, but it isn’t allowing me to pass. I thought that I added one class for each, but it still marks me wrong for that question. I got the blue button, it shakes.
If anyone can help, I would really appreciate it.
Thanks!
<p>
<script>
$(document).ready(function() {
$("button") .addClass ("animated");
$(".btn") .addClass ("shake");
$("#target1") .addClass ("btn-primary");
});
</script>
<!-- Only change code above this line. -->
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
</p>