4,090
edits
No edit summary Tag: Manual revert |
No edit summary |
||
Line 16: | Line 16: | ||
// Show the fixed column | // Show the fixed column | ||
$('#show-article').css('display', 'block'); | $('#show-article-wrapper').css('display', 'block'); | ||
// Update the fixed column content with card information | // Update the fixed column content with card information | ||
var entryNumber = $(this).find('.entry-number').text(); | var entryNumber = $(this).find('.entry-number').text(); | ||
var people = $(this).find('.people').text(); | var people = $(this).find('.people').text(); | ||
// ... (other variables) | |||
// Update the fixed column content | // Update the fixed column content | ||
$('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>'); | $('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>'); | ||
// ... (update other content) | |||
// Apply the fade-out effect to the #list element | // Apply the fade-out effect to the #list element | ||
Line 55: | Line 32: | ||
// Attach a click event listener to close the fixed column | // Attach a click event listener to close the fixed column | ||
$('#show-article').on('click', function (event) { | $('#show-article-wrapper').on('click', function (event) { | ||
// Hide the fixed column when clicked outside or on the close button | // Hide the fixed column when clicked outside or on the close button | ||
if (event.target.id === 'close-button' || !$.contains(this, event.target)) { | if (event.target.id === 'close-button' || !$.contains(this, event.target)) { | ||
// Remove the fade-out class when hiding the fixed column | // Remove the fade-out class when hiding the fixed column | ||
$('#list').removeClass('fade-out'); | $('#list').removeClass('fade-out'); | ||
$('#show-article').css('display', 'none'); | $('#show-article-wrapper').css('display', 'none'); | ||
} | } | ||
}); | }); |