Edit in JSFiddle

   
$(document).ready(function() {
        $('#feature-shape').click(function() {
                $('#feature-shape-mouseover').toggle("slide");
        });
});

<a href="#" id="feature-shape"><span class="featureheader1">Collect Recurring Customer Payments</span></a>
<div id="feature-shape-mouseover" style="display: none;"><span class="featuredesc1">Ezypay is a recurring customer payment collection platform that instantly enables fast growing businesses to accept and manage recurring payments.</span></div>

#feature-shape {
	width: 500px;
	height: 500px;
	background: #f58029;
	-moz-border-radius: 249px;
	-webkit-border-radius: 249px;
	border-radius: 249px;
  position: absolute;
  top: 5px;
}
#feature-shape-mouseover {
	width: 500px;
	height: 500px;
	background: #fff;
	border: 2px solid #f58029;
	-moz-border-radius: 249px;
	-webkit-border-radius: 249px;
	border-radius: 249px;
  position: absolute; 
  top: 5px;
}

.featureheader1{font-family: "Oswald", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size: 65px; line-height:67px; text-transform:uppercase; position: absolute; top: 125px; left: 115px; width: 300px; color: #fff;}
.featuredesc1{font-family: "Open Sans", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size: 25px; line-height:27px; position: absolute; top: 105px; left: 91px; width: 300px;}