.navbar-overlapped .navbar-nav > .open > a,
.navbar-overlapped .navbar-nav > .open > a:hover,
.navbar-overlapped .navbar-nav > .open > a:focus {
color: red;
}
<div id="tab-controls">
<button data-tab="tab-1">Tab 1</button>
<button data-tab="tab-2">Tab 2</button>
<button data-tab="tab-3">Tab 3</button>
</div>
<div id="tab-1">
<button id="tab-1-filter-1">Filter 1</button>
<button id="tab-1-filter-2">Filter 2</button>
<button id="tab-1-filter-3">Filter 3</button>
<div clas="tab-content">
<div class="tab-1-element filter-1 filter-2" ></div>
...
</div>
</div>
<script>
$('#tab-1-filter-1').click(e=>{
$('.tab-1-element').hide().filter(':has(.filter-1)').show();
});
</script>
...
let scroller = ()=>{
$('html,body').animate({
scrollTop: firstFeedItem.offset().top
}, 300, ()=>{
if (~~$(window).scrollTop() < ~~(firstFeedItem.offset().top)) {
scroller();
}
});
};
scroller();
...
if (el<= 400){
setTimeout(function(){
var ti = setInterval(function(){
$( 'div:not(.test)' ).addClass('test');
if ( !$( 'div:not(.test)' ).length ) {
clearInterval(ti);
}
}, 150);
}, 1000);
function isCollide(a, b) {
return !(
((a.y + a.height) < (b.y)) ||
(a.y > (b.y + b.height)) ||
((a.x + a.width) < b.x) ||
(a.x > (b.x + b.width))
);
}
<a href="http://site.com#tab-12">IMG</a>
var url = "http://site.com/index.php#tab-12";
var hash = url.substring(url.indexOf('#')+1);
alert(hash);
$(".aviation-img-cont").click(function(event){
event.preventDefault();
document.location.href='http://site.com/#tab-12'
});
$(function(){
var url = document.location.href;
var hash = url.substring(url.indexOf('#')+1);
if (hash=='tab-12') {
alert('Activate tab 12');
}
});
var popupRendering = false;
$('.auth-login__yes').on('click',function(){
if (popupRendering) return; // если происходит rendering то выходим
popupRendering = true; // начинаем рендерить окно
$('.login-user').show("slide", { direction: "left" }, 1000, function(){
popupRendering = false; // рендеринг закончен
});
});
div.btn {
position: relative;
top: -50px;
left: calc( 50% - 50px );
width: 100px;
height: 100px;
border-radius: 50px;
background-color:red;
}