Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
$(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);
}
});
});