Thread: Jquery hide and show content with a simple code in less time?

I have searched a lot for a simple jquery code used to hide and show my content but i have failed.
But after a deep research on it i found a simple code.
That is jquery toggle effect.
What we need to do is. first we should hide our content with css.
suppose i want to hide my content then i will give

.mydemoclass { visibility: hidden;}

Then i will go to jquery code, my simple code will be like this:

<script>
$(document).ready(function () {
$(".clickOnMe").click(function () {
$(".openingContent").toggle();
});
});
</script>

I have mentioned in classes. i will have a button like .clickOnMe then .openingContent class will open, when i click on it second time, then it will hide. So like this toggle effect is very useful. Only important thing is initially we need to hide the visibility of the content.