@@ -401,62 +401,34 @@ body {
401
401
402
402
<script >
403
403
document .addEventListener (' DOMContentLoaded' , function () {
404
- const dayHeaders = document .querySelectorAll (' .schedule-day-header' );
405
-
406
- dayHeaders .forEach (header => {
407
- header .addEventListener (' click' , function () {
408
- this .classList .toggle (' active' );
409
- const content = this .nextElementSibling ;
410
- content .classList .toggle (' show' );
411
- const icon = this .querySelector (' .expand-icon' );
412
- icon .textContent = icon .textContent === ' ▼' ? ' ▲' : ' ▼' ;
413
- });
414
- });
415
- });
416
- document .addEventListener (' DOMContentLoaded' , function () {
417
- const speakerCards = document .querySelectorAll (' .custom-card' );
418
-
419
- speakerCards .forEach (card => {
420
- card .addEventListener (' click' , function () {
421
- const speakerId = this .dataset .speakerId ;
422
-
423
- // Remove active state from all cards
424
- speakerCards .forEach (c => c .classList .remove (' active' ));
425
-
426
- // Hide all speaker details
427
- document .querySelectorAll (' .speaker-details' ).forEach (detail => {
428
- detail .classList .remove (' show' );
429
- });
430
-
431
- // Show selected speaker details
432
- const speakerDetails = document .getElementById (` speaker-details-${ speakerId} ` );
433
- if (speakerDetails) {
434
- this .classList .add (' active' );
435
- speakerDetails .classList .add (' show' );
436
- speakerDetails .scrollIntoView ({ behavior: ' smooth' , block: ' nearest' });
437
- }
404
+ // Schedule day toggle functionality
405
+ const dayHeaders = document .querySelectorAll (' .schedule-day-header' );
406
+ dayHeaders .forEach (header => {
407
+ header .addEventListener (' click' , function () {
408
+ this .classList .toggle (' active' );
409
+ const content = this .nextElementSibling ;
410
+ content .classList .toggle (' show' );
411
+ const icon = this .querySelector (' .expand-icon' );
412
+ icon .textContent = icon .textContent === ' ▼' ? ' ▲' : ' ▼' ;
438
413
});
439
414
});
440
- });
441
- document . addEventListener ( ' DOMContentLoaded ' , function () {
415
+
416
+ // Speaker link functionality
442
417
const speakerLinks = document .querySelectorAll (' .speaker-link' );
443
-
444
418
speakerLinks .forEach (link => {
445
419
link .addEventListener (' click' , function (e ) {
446
420
e .preventDefault ();
447
- const speakerId = this .dataset . speakerId ;
421
+ const speakerId = this .getAttribute ( ' data-speaker-id ' ) ;
448
422
449
- // Remove active state from all cards
423
+ // Reset all cards and details
450
424
document .querySelectorAll (' .custom-card' ).forEach (card => {
451
425
card .classList .remove (' active' );
452
426
});
453
-
454
- // Hide all speaker details
455
427
document .querySelectorAll (' .speaker-details' ).forEach (detail => {
456
428
detail .classList .remove (' show' );
457
429
});
458
430
459
- // Show selected speaker details
431
+ // Activate clicked speaker's card and details
460
432
const speakerCard = document .querySelector (` .custom-card[data-speaker-id="${ speakerId} "]` );
461
433
const speakerDetails = document .getElementById (` speaker-details-${ speakerId} ` );
462
434
0 commit comments