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();
});
$('.va-slice-1').click();
idx_expanded : -1, // the index of the current expanded slice