More actions
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
$(this).toggleClass('hovered'); | $(this).toggleClass('hovered'); | ||
}); | }); | ||
}); | |||
document.querySelectorAll('.sub-card').forEach(card => { | |||
card.addEventListener('click', function() { | |||
// First, collapse all other sub-cards | |||
document.querySelectorAll('.sub-card').forEach(otherCard => { | |||
if (otherCard !== card) { | |||
otherCard.setAttribute('data-expanded', 'false'); | |||
} | |||
}); | |||
// Toggle the expanded state of the clicked card | |||
const isExpanded = card.getAttribute('data-expanded') === 'true'; | |||
card.setAttribute('data-expanded', isExpanded ? 'false' : 'true'); | |||
}); | |||
}); | }); |
Revision as of 19:36, 22 December 2024
/* Any JavaScript here will be loaded for all users on every page load. */
$(function(){
$('.card').on('mouseenter', function(event){
event.preventDefault();
$(this).toggleClass('hovered');
});
$('.card').on('mouseleave', function(event){
event.preventDefault();
$(this).toggleClass('hovered');
});
});
document.querySelectorAll('.sub-card').forEach(card => {
card.addEventListener('click', function() {
// First, collapse all other sub-cards
document.querySelectorAll('.sub-card').forEach(otherCard => {
if (otherCard !== card) {
otherCard.setAttribute('data-expanded', 'false');
}
});
// Toggle the expanded state of the clicked card
const isExpanded = card.getAttribute('data-expanded') === 'true';
card.setAttribute('data-expanded', isExpanded ? 'false' : 'true');
});
});