JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.officeplayground.com/Assets/ProductImages/pi3400-3599/3508_DuckEraser_1_i.jpg" class="activator" />
<div id="mobileSelectors" class="collapsed">
    <h1>Quack Quack!</h1>
</div>

CSS

.activator {
	cursor: pointer;
}

#mobileSelectors {
    background: yellow;
    height:auto;
    max-height:500px;
    text-align:center;
    display:block;
    line-height:100px;
    margin:0;
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}

#mobileSelectors.collapsed {
    max-height:0px;
    overflow:hidden;
}

h1{margin:0px;}

JavaScript

$('img.activator').click(
	function(){
        $('#mobileSelectors').toggleClass("collapsed");
	}
);