SO - 17608226

by vandanasrivastava

HTML

<div class="nav">
    <a href="#" data-category-type="4380" data-category-name="jet">4380</a>
    
    <a href="#" data-category-type="4620" data-category-name="air">4620</a>
    
    <a href="#" data-category-type="5000" data-category-name="india">5000</a>
    
    </div>
    <div id="Categories">
        <div class="hide" data-category-type="4380" data-category-name="jet">4380.</div>
        <div class="hide" data-category-type="4620" data-category-name="air">4620.</div>
        <div class="hide" data-category-type="5000" data-category-name="india">5000.</div>
        <div class="hide" data-category-type="4380" data-category-name="jet">4380.</div>
    </div>

JavaScript

$('.nav a').on('click', function (e) {
    e.preventDefault();
    var cat = $(this).data('categoryType');
    var nam = $(this).data('categoryName');
    $('#Categories > div').hide();
    $('#Categories > div[data-category-type="'+cat+'"]').show();
   
   $('.mz-oderDetailsSections > li[data-order-number="'+cat+'"]').show();
});