jquery列表隐藏显示怎么进行遍历？

Question

这个问题是，点击i标签的图标时，li列表里面有两个class=“nav-menu”同时隐藏显示，这个问题很头疼。这个jquery怎么能进行遍历并能够单独隐藏显示一个指定class？

$('.postion-right i').on('click', function(){

    var el = $(this);

    if(el.hasClass('fa-minus-square-o')){

        el.removeClass('fa-minus-square-o').addClass('fa-plus-square-o');

        $(".nav-menu").each(function () {

            $(this).hide("100");

        })

    }else{

        el.removeClass('fa-plus-square-o').addClass('fa-minus-square-o');

        $(".nav-menu").each(function () {

            $(this).show("100");

        })

    }

});