document.querySelector('.show')
на item
<link rel="stylesheet" href="bitrix/templates/eshop_bootstrap_yellow/tab.css" type="text/css" media="screen" />
<link rel="stylesheet" href="bitrix/templates/eshop_bootstrap_yellow/css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="bitrix/templates/eshop_bootstrap_yellow/accordionmenu.css" type="text/css" media="screen" />
<script type="text/javascript">
document.onkeydown = function(e) {
if(event.keyCode == 123) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
return false;
}
}
</script>
(function( $ ) {
$(selector).each(function( index ) {
var _self = $(this),
_parent = _self.closest(parent_selector),
_offset_self = _self.offset().top,
_offset_parent = _parent.offset().top,
_difference = parseInt( _offset_self - _offset_parent );
console.log( _difference );
});
})(window.jQuery);
_difference
Логика такая, при клике на пункт списка, например "About" этот текст оказывался на месте текущего, а текущий в списке.
dropdown-menu-item
, например. И код в обработчик клика:const item = event.target.closest('.dropdown-menu-item');
if (item) {
const btn = item.closest('.dropdown').querySelector('.dropdown-toggle');
[ btn.textContent, item.textContent ] = [ item.textContent, btn.textContent ];
}
.pipe(autoprefixer({
overrideBrowserslist: ['last 2 versions'],
cascade: false
}))
let collection = {1: {Quality: {}}};
for (let i = 0, l = data.length; i < l; i += 4) {
const [name, quality, minwear, maxwear] = data.slice(i, i + 4).map((n) => n.match(/"(.*?)"/)[1]);
collection[1].Quality[quality] = collection[1].Quality[quality] || {};
collection[1].Quality[quality][name] = `${minwear}-${maxwear}`;
}
// Settings
@import "./settings";
// Required
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";
// Optional
@import "../../node_modules/bootstrap/scss/grid";
@import "../../node_modules/bootstrap/scss/utilities/display";
@import "../../node_modules/bootstrap/scss/utilities/flex";
$grid-columns: 18; // количество колонок
$grid-gutter-width: 30px; // отступ между колонками (по желанию можно для каждого брейкпоинта указать свой отступ
$grid-breakpoints: ( // брейпоинты
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
);
$container-max-widths: ( // максимальная ширина контейнера
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px
);