悬停列表项上的Bootstrap导航栏删除活动的类，鼠标输出返回类激活

can you help me how to do realize this situation with the bootstrap navbar. As I wrote in the title, I need to realize when click on list item in navbar menu, current item should get class active and marked with top border, but on hover over other list item, class active (border top also) should disappear from current list item with active class.. can you help me how to do realize this situatio