Dùng data-filter để làm menu tab

<div id="category">
<ul>
<li> <a href="#" class="nav-link clTab_ALL"   data-filter="_ALL_">   Tất cả</a></li>
<iif-F>
<Source><type:query/>#</>0</Source>
<ItemF>
<li> <a href="#" class="nav-link clTab_<%i=STT=i%>" data-filter="<%i=STT=i%>">   <%i=MoTaLoaiHangHoa=i%></a></li>
</ItemF>
</iif-F>
</ul>
</div>
<hr />

<iif-F>
<Source><type:query/>#</>1</Source>
<ItemF>
    <div class="post" data-cat="<%i=STT_Nhom=i%>">
<br />Ten: + <%i=Ten_HangHoa=i%>
</div>
</ItemF>
</iif-F>

<script>
// Variable
var posts = $('.post');
posts.hide();
// Click function
$( "#category li a" ).click(function() {

$("a.active").removeClass("active");
     $(this).addClass('active');
    // Get data of category
    var customType = $( this ).data('filter'); // category
    console.log(customType);
    console.log(posts.length); // Length of articles

    posts
        .hide()
        .filter(function () {
            return $(this).data('cat') === customType;
        })
        .show();

    if(customType=="_ALL_")
    {
        posts
           .show();
    }
});
$(document).ready(function(){
   $('.clTab_ALL').click();
});
</script>

Mục liên quan:

0935999617