Переключение между n-м потомком с помощью jQuery

Question

Я сделал это, чтобы отобразить первые пять дочерних элементов и скрыть оставшихся детей. И в See More onClick я отобразил скрытых дочерних элементов. Теперь мне нужна кнопка переключения, например See Less onClick. Я хочу go вернуться в исходное состояние, т.е. скрыть элемент после 5 дочерних элементов. Я пробовал много способов сделать это, но не смог сделать это сам. Вот код

var $ps = $(".attribute-box:nth-child(2) > .rtwpvs-terms-wrapper > .rtwpvs-term");

$ps.slice(5).hide(); 

$ps.eq(5).after($('<a href="#" class="see-more" onclick="return false;">See More</a>').click(function(){
    
    $(this).insertAfter($('.attribute-box:nth-child(2) > .rtwpvs-terms-wrapper > .rtwpvs-term:last-child') && $(this).remove() );
    $ps.show();
   
}));