[destus]

Причем можно вообще без js обойтись для решения такой задачи

как-то так?

<style>
        .post{
            width: 500px;
            height: 40px;
            background: #666;
            margin-top: 10px;
			transition: height .5s ease-in;
        }
		
		input[type=checkbox]{
			display: none;
		}
		
		label > input[type='checkbox']:checked ~ .post{
			height: 100px;
		}
		
	</style>
	<label><input type="checkbox"><div class="post"></div></label>
    <label><input type="checkbox"><div class="post"></div></label>
	<label><input type="checkbox"><div class="post"></div></label>