console.log('background-image: url(img/cap.jpg)'.match(/\(([^)]+)\)/))$('.button').on('click', function(){
$('.parent .block:hidden').slideToggle(500);
});.parent .block:nth-child(2) ~ .block {
display: none
}.block {
transform-origin: 50% 50%:;
}
@keyframes showBlocks {
to {
transform: scale(1);
opacity: 1;
}
}
.parent .block:nth-child(2) ~ .block {
transform: scale(0);
display: none
}
.parent.active .block:nth-child(2) ~ .block {
display: block;
animation: showBlocks .5s ease 1 forwards;
}$(function(){
// Слышь, купи Skyrim
// Тут исполняемый код какого-то скрипта
})$(this).parents('.task-block').next('.bet-block').slideToggle(300);$(this).addClass('active');
//или
$(this).toggleClass('active') // Класс active вкл. и выкл. соответственно$(".btn-order-block ").click(function(){
var parent = $(this).parents('.task-block'); // Это родительский блок нажатой кнопки
parent.next('.bet-block').slideToggle(300); // Скрываем блок с классом bet-block, который идёт сразу после текущего блока(parent)
parent.find('.btn-order').addClass('lalala123321'); // Дообавляем класс lalala123321 кнопке с классом btn-order, которая в данном блоке
parent.find('.btn-order-active').addClass('lalala456654'); // Дообавляем класс lalala456654 кнопке с классом btn-order-active, которая в данном блоке
return false;
});document.querySelector('.no');
<input type="text" placeholder="Ваш Email" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$"/>
<p class="error__block">Заполните поле!!!</p>.error__block{
display: none;
}
input:invalid + .error__block{
display: block
}jQuery(document).on('click', 'a[data-toggle="trigger"]', function() {
var parent = jQuery(this).parent();
var content = parent.next('.content' + jQuery(this).attr('href'));
parent.addClass('active').attr('aria-hidden', 'false');
parent.siblings('[data-role="collapsible"]').removeClass('active').attr('aria-hidden', 'true');
content.attr('aria-selected', 'true').show();
content.attr('aria-selected', 'false').siblings('.content').hide()
return false
});