Items per page

by Gabriel Correa

HTML

<select id="itemsPage">
    <option value="1">12 items per page</option>
    <option value="2">View All</option>
</select>
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
<div class="item">10</div>
<div class="item">11</div>
<div class="item">12</div>
<div class="item">13</div>
<div class="item">14</div>
<div class="item">15</div>
<div class="item">16</div>
<div class="item">17</div>
<div class="item">18</div>
<div class="item">19</div>
<div class="item">20</div>

JavaScript

$('#itemsPage').change(function(){
    var val = $(this).val(),
        $item = $('.item');
    
    if(val == 1){
        $item.eq(11).nextAll().hide();
    }else if(val == 2){
        $item.show();
    }
}).trigger('change');