Using JavaScript which of these code chunks is best for real world use?
<p>This is just an example but there are a bunch of similar scenarios sprinkled throughout the code so it would be nice to choose the best solution and stick with it. The first is probably quickier but the second takes up less space*</p>

<p>*less space when reading/fixing code and less space when downloading.</p>

<pre><code>if (imageCountCurrent &lt;= 0){
    $('#next_arrow').addClass('disabled');
}
else{
    $('#next_arrow').removeClass('disabled');
}
if (imageCountCurrent &gt;= imageCount - 5){
    $('#prev_arrow').addClass('disabled');
}
else{
    $('#prev_arrow').removeClass('disabled');
}



$('#.arrow').removeClass('disabled');
if (imageCountCurrent &lt;= 0){
    $('#next_arrow').addClass('disabled');
}
if (imageCountCurrent &gt;= imageCount - 5){
    $('#prev_arrow').addClass('disabled');
}
</code></pre>
