let likes = main.querySelectorAll('.element__button');
for(let i = 0; i < likes .length; i++) {//проходимся циклом
likes[i].addEventListener('click', function(){
likes[i].add('element__button_active');
});
}.answer {
max-height: 0;
overflow: hidden;
transition:all 0.5s ease;/*тут поиграться с функцией,чтобы эффект больше нравился*/
}
.answer.open {
max-height:1000px;/*высоту по предполагаемому максимальному объему информации с запасом*/
}$(document).on('click', 'a', function () {
if ($(this).is(".icon-arrow-up")) {
let line=$(this).closest('.MenuTableRow');
let tbody=$(this).closest('tbody');
line.prependTo(tbody);
let rows=$('.MenuTableRow',tbody);
rows.removeClass('row-first').removeClass('row-last');
rows.first().addClass('row-first');
rows.last().addClass('row-last');
}
if ($(this).is(".icon-arrow-down")) {
let line=$(this).closest('.MenuTableRow');
let tbody=$(this).closest('tbody');
line.appendTo('tbody');
let rows=$('.MenuTableRow',tbody);
rows.removeClass('row-first').removeClass('row-last');
rows.first().addClass('row-first');
rows.last().addClass('row-last');
}
});$arCarTypes=[
'Toyota'=[
'model'=>[
'Opa'=>[
'year'=>[
2011,
2012
]
],
'Camry'=>[],
'rav4'=>[]
],
],
'Nissan' = [
'model'=>[
'sprinter'=>[],
'skyline'=>[],
]
]
];let data={type:'Toyota',model:'Opa',year:2011};
$('.add-portal-user').on('input', 'input', function(){
sessionStorage.setItem('query-' + this.name, this.value);
});let inputs=$('input[type="checkbox"]:checked',services);//находим чекбоксы
if(inputs.length){
let data=[];
let i=0;
inputs.each(function(){
data[i]=$(this).val();//собираем данные
});
//что-то делаем с данными
}let elements = document.querySelectorAll('.modal-body li a');//делаем выборку строк,на которых нужна обработка клика
elements.onclick = function() { //вешаем обработчик
let id=this.id; //забираем id
let inp=document.querySelectorAll('.form-group [name="parent_id"]'); //находим инпут
inp.value=id; //втавляем id в значение инпута
};<a> не для ссылок - плохая практика, теги нужно использовать по назначению
$(document).ready(function() {
scriptsToggle();
$(window).resize(scriptsToggle);
var flag1200=($('body').width() > 1200)?true:false;
function scriptsToggle() {
if (($('body').width() > 1200)&&!flag1200) {
$('<aside></aside>')
.appendTo('#wrapper');
flag1200=true;
} else if (($('body').width() < 1200)&&flag1200){
$('aside').remove();
flag1200=false;
}
}
});<div id="comments"></div>
<div id="new-comment"></div>
<div id="plus-button" data-id="id блока с комментариями"></div>$('#button').click(function(){
var id=$(this).data('id');
var link='/script.php?quest_id='+id;//этот скрипт будет отдавать нам комментарии
$.ajax({
url: link,
dataType: 'json',
success: function(result){
if(result.error) alert(result.error);
else{
if(result.html){
//если пришли комменты-вставлям их
$(result.html).appendTo($("#comments"));
}else {
//если не пришли - выводим форму
$('#new-comment').slideDown();
}
}
}
});
});function getWinHeight(){//получаем высоту экрана
if($(window).height()<document.body.clientHeight) winHeight=$(window).height();
else winHeight=document.body.clientHeight;
}
getWinHeight();
window.onresize = function(){/*ON RESIZE*/
getWinHeight()
}
var curElemID=0;
var scrollTop=0;
$(document).on('mousewheel DOMMouseScroll', function(event) {
var scroll=$(window).scrollTop();
var delta=((scrollTop-scroll)>0)?true:false;
scrollTop=scroll;
if(((winHeight+scrollTop) > a[curElemID+1].offsetTop) && delta){
//движемся вниз,не достигли конца слайда
return;
}else{
event.preventDefault();
if(delay) return;
/*--/ваш код/---*/
$('html,body').animate({
scrollTop: a[i].offsetTop
});
curElemID=i;
}
});//