var $nav = $(".my_menu");
var sect1 = $('#section1').height();
$( window ).scroll(function() {
if ($(this).scrollTop() > sect1) {
$nav.css('background','black'); //что угодно
}
});
a.active {
color: red;
text-decoration: none;
text-transform: uppercase;
}
<a href='1.html' class="active">Первая</a>
<a href='2.html' class="">Вторая</a>
<a href='3.html' class="">Третья</a>
<a href='1.html' class="">Первая</a>
<a href='2.html' class="active">Вторая</a>
<a href='3.html' class="">Третья</a>
$(document).ready(function() {
$('.services_check button').click(function(){
var my = $(this).find('i');
if(my.hasClass('icon-check')){
my.removeClass('icon-check').addClass('icon-list-add');
$('.services_check .list-group-item input').val("1");
}
else{
my.addClass('icon-check').removeClass('icon-list-add');
$('.services_check .list-group-item input').val("0");
}
$(this).toggleClass('btn-primary').toggleClass('btn-default');
$(this).blur();
});
});
...
if(my.hasClass('icon-check')){
my.removeClass('icon-check').addClass('icon-list-add');
$(this).closest('.list-group-item').find('input').val("1");
}
...
function ost(el) {
var ok = el%150;
if(ok==0){
return el;
}else {
return (el - ok + 10);
}
}
var vse_divi = document.getElementsByClassName('blok');
var nadow = ost(window.innerWidth);
for (var i = 0; i < vse_divi.length; i++) {
vse_divi[i].setAttribute("style" , "width:" + nadow + "px");
}
$('ul.left li, ul.right li').on('click', function () {
var sel = $('ul.left li, ul.right li');
sel.hide();
$(this).show();
});
$('ul.left li, ul.right li').on('click', function () {
var sel = $('ul.left li, ul.right li');
sel.removeClass('active');
$(this).addClass('active');
});
.active {
opacity: 1;
}
ul.left li, ul.right li {
opacity: 0.2;
}
var tempScrollTop=0,
currentScrollTop;
$(window).scroll(function(){
currentScrollTop = $(window).scrollTop();
if (tempScrollTop < currentScrollTop ){
alert("Вниз");
}
else if (tempScrollTop > currentScrollTop ) {
alert("Вверх");
}
tempScrollTop = currentScrollTop;
});
<div class="qcont">
<div class="1">
<div class="quest">Вопрос 1</div>
<div class="answ">Ответ 1</div>
</div>
<div class="2">
<div class="quest">Вопрос 2</div>
<div class="answ">Ответ 2</div>
</div>
<div class="3">
<div class="quest">Вопрос 3</div>
<div class="answ">Ответ 3</div>
</div>
</div>
$('.qcont').children().click(function() {
$('.answ').hide();
$(this).find('.answ').show();
});
$('.etot_class').click(function() {
$('.answ').hide();
$(this).find('.answ').show();
});