//A:
<div class="row justify-content-around">
<div class="left" style="justify-self: start;">p+h1</div>
<button />
</div>
//B
<div class="row justify-content-between">
<div class="left">p+h1</div>
<button />
</div>
//C
<div class="row justify-content-between">
<p />
<div class="right">h1+button</div>
</div>
</div>
display: none использовать не хочется, что бы скрывать меню,думаю это не совсем правильно.
Правильно ли будет, если сделать, что бы по клику выполнять ajax запрос и подгружать меню?
$('.menu-source li a').click((e)=>{
e.preventDefault();
let listId = $(this).closest('li').attr('id');
$('.menu-source li').removeClass('active');
$(this).closest('li').addClass('active');
$(`[id^="text-source"]`).removeClass('shown');
$(`[id="text-${listId}"]`).addClass('shown');
});
let cur = document.getElementsByClassName('aaa');
let cur = document.querySelectorAll('.aaa');
<button type="button" name="vhod_submit" id="vhod_submit">Вход <i class="fa fa-chevron-right" aria-hidden="true"></i></button>