https://jsfiddle.net/4j68tg7e/1/
Есть такая менюшка, получается 2 ряда, и там фоновая подложка которая двигается за активным пунктом, правда сейчас она очень некорректно работает. Двигается как угодно произвольно в любое место и только по горизонтали. Хотя там есть второй ряд, нужно чтоб вертикально также двигалась. Кто поможет решить чтоб горизонтально она корректно двигалась и по вертикали
var $marker = $('.select-bg-marker');
var $marker_item = $('.row-select .btn-select');
$marker.css({
left: $marker_item.filter('.active').position().left,
width: $marker_item.filter('.active').outerWidth(),
height: $marker_item.filter('.active').outerHeight()
});
$marker_item.on('click', function() {
if ( !$(this).hasClass('active') ) {
var left = $(this).position().left-$marker_item.filter('.active').position().left;
$marker.css({
'width': $(this).outerWidth(),
'height': $(this).outerHeight(),
'transform': 'translateX('+left+'px)'
});
}
$marker_item.removeClass('active');
$(this).addClass('active');
});