Cacher is the code snippet organizer for pro developers

jQuery(function ($) {
    //function for theline animation right
    $("#categary-tag-team-members").click(function () {
        $(".theline").animate({
            left: '50%'
        });
    });
    //function for theline animation left
    $("#categary-tag-search-tags").click(function () {
        $(".theline").animate({
            left: '0'
        });
    });
});

.theline {
    height: 4px;
    width: 50%;
    background: var(--main-color);
    position: relative;
    top: 0;
    left: 0;
}