jQuery addClass example

Change class name on click in jQuery

by josekerekes

HTML

<div>
<ul>
  <li>Agitation</li>
  <li>Calmness</li>
  <li>Reponsiveness</li>
  <li>Duty</li>
</ul>
</div>

<p>

</p>

CSS

* {padding:0;margin:0}
div {display:flex;flex-wrap:wrap}
li {
  background:#ccc;
  flex:1;
  list-style:none;
  padding:10px;
  margin:0 10px 10px 0
}
ul:after  {
  content:'';
  flex:10
}

JavaScript

$('p').html($('div').outerHeight() + ' ' + $('div')[0].scrollHeight)

$(window).on('resize',function() {
	$('p').html($('div').outerHeight() + ' ' + $('div')[0].scrollHeight + '<br />')
})