Show/Hide text, based on number of lines

http://stackoverflow.com/questions/36787536/show-hide-text-based-on-number-of-lines#36788133

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<p class="open">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos at, culpa aperiam est excepturi dolor quaerat officiis cum a, sit non ad incidunt perspiciatis quia maxime quibusdam molestiae. Doloribus, laudantium.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque earum incidunt accusantium, eligendi unde accusamus, deserunt temporibus perferendis iure veniam! Ipsam corrupti reiciendis officia consequatur impedit quos incidunt repellat quidem!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis distinctio quas in perspiciatis enim voluptatem fuga libero voluptate facilis quisquam pariatur ipsam commodi saepe doloribus hic, modi laborum. Pariatur, vero.
</p>
<input type="button" class="event" value="show more"/>

CSS

.open {
    max-height:60px;
    overflow: hidden;
    }

.remove{
  max-height:100%;
}

JavaScript

jQuery(function($){
    	     $('.event').click(function(){
    	     $('.open').toggleClass('remove')
    	     })
        })