important effects outerheight

by marmite

HTML

<div class="test hidden">Hello</div>
<br>
<div class="test hiddenimportant">Hello</div>

<p class="output"></p>
<p class="outputimportant"></p>

CSS

.test {
  width: 20px;
  background: #ccc;
}

.hidden {
  display: none;
}

.hiddenimportant {
  display: none !important;
}

JavaScript

$('.output').text($('.hidden').outerHeight());
$('.outputimportant').text($('.hiddenimportant').outerHeight());