Армозло, спасибо. Всё круто, но есть одно но. Блоков несколько. Когда я ставлю галочку блок перекрашивается на 1 сек, а потом исчезает. Так вот, когда ставлю галочку, меняют цвет все блоки
Посмотри на явакод, как сделать, чтобы появлялось конкретно в том блоке, который чекаю
$(document).ready(function() {
var count = $('.cours').length;
var i = 0;
$('.block_second .container .cours .cours_saw label').click(function() {
$('.cours-color').show();
$(this).closest('.cours').addClass('hidden');
$(this).closest('.cours').delay(1000).fadeOut(1000);
i++;
if (count == i) {
$('.block_second').addClass('comp');
$('.mission_comp').fadeIn(3000).css('display','block');
}
})
});
Неее. Ну это же не будет работать так, как надо. Тогда при наведении полоса будет появляться не на картинке, а под ней, и блок с текстом всё равно будет прыгать на 5 пикселей, как с бордером.
Задача в том, чтобы при наведении появлялась полоса которая на 5px закрывает собой картинку снизу. И основной блок соответственно не раздвигается. Если делать внутреннюю тень в course_txt, то блок не разъезжается, но этот вариант не подходит, поскольку полоса закрывает белое поле текстового поля, а должна картинку. Вот такое условие задачи