4,090
edits
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
$(document).ready(function () { | |||
$(document).ready(function() { | |||
// Log a message to the console | // Log a message to the console | ||
console.log('JavaScript is working!'); | console.log('JavaScript is working!'); | ||
Line 12: | Line 11: | ||
// Attach a click event listener to each card | // Attach a click event listener to each card | ||
cards.on('click', function() { | cards.on('click', function () { | ||
// Log a message when a card is clicked | // Log a message when a card is clicked | ||
console.log('Clicked on card:', this); | console.log('Clicked on card:', this); | ||
// Show the | // Show the fixed column | ||
$('# | $('#show-article').css('display', 'block'); | ||
// Update the | // Update the fixed column content with card information | ||
$('# | var title = $(this).find('.title').text(); | ||
var people = $(this).find('.people').text(); | |||
$('#article-title').text(title); | |||
$('#article-content').html('<p>People: ' + people + '</p>'); | |||
}); | }); | ||
// Attach a click event listener to close the | // Attach a click event listener to close the fixed column | ||
$('# | $('#show-article').on('click', function () { | ||
// Hide the | // Hide the fixed column when clicked outside | ||
$('# | $('#show-article').css('display', 'none'); | ||
}); | }); | ||
} else { | } else { |