Show hide text

by Shlomi

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="content">
	some text...
	<span class="ReadMore"> Read More </span>
	<div class="ReadMoreBox">some more text</div>
</div>

CSS

.content{
    padding: 20px;
}

JavaScript

$(".ReadMoreBox").hide();
$(".ReadMore").on("click", function(){
	$(".ReadMoreBox").slideToggle("slow");	
});