Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
$(document).ready(function () { | $(document).ready(function () { | ||
// Раскрытие и сворачивание контента | |||
$('.collapsible-header').click(function () { | $('.collapsible-header').click(function () { | ||
var content = $(this).next('.collapsible-content'); | var content = $(this).next('.collapsible-content'); | ||
content.slideToggle( | content.slideToggle(300); // Плавный эффект | ||
$(this).toggleClass('open'); | $(this).toggleClass('open'); // Изменение стиля заголовка | ||
}); | }); | ||
// Установка цвета границы для .recipe-card из атрибута data-border | |||
$('.recipe-card').each(function () { | $('.recipe-card').each(function () { | ||
var borderColor = $(this).attr('data-border'); | var borderColor = $(this).attr('data-border'); | ||
Версия от 03:09, 3 мая 2025
$(document).ready(function () {
// Раскрытие и сворачивание контента
$('.collapsible-header').click(function () {
var content = $(this).next('.collapsible-content');
content.slideToggle(300); // Плавный эффект
$(this).toggleClass('open'); // Изменение стиля заголовка
});
// Установка цвета границы для .recipe-card из атрибута data-border
$('.recipe-card').each(function () {
var borderColor = $(this).attr('data-border');
if (borderColor) {
$(this).css('border-color', borderColor);
}
});
});