Clicking on a specific text should reveal a hidden div using .hide();. Clicking the text again should hide the div and so on...
Although it sounds simple, it's not working as expected.
Here is the HTML code:
<div class="row">
<div class="col-sm-12">
<a id="idMakam" class="artistas">Makam</a>
</div>
</div>
<div id="infoMakam" class="row">
<div class="col-sm-12">
<p class="infoArtistas">Born and raised on the Dutch coast, <b>Makam</b> hit a creative nerve that propelled his raw talent at an early age. </p>
</div>
</div>
And here is the jQuery code:
$(document).ready(function () {
//Toggles the +info for artists:
$("#infoMakam").hide(); //First hides them.
$("#idMakam").click(function(){
$("#infoMakam").slideToggle(200);
});
});