查看“︁EventList.js”︁的源代码

$(function() {
    // 为每个事件选项添加点击事件
    $('.event-option').click(function() {
        var $this = $(this);
        var optionIndex = $this.data('option-index');
        var $container = $this.closest('.event-container');
        var $effect = $container.find('.event-effect[data-effect-index="' + optionIndex + '"]');
        
        // 切换active状态
        if ($this.hasClass('active')) {
            // 如果已经是active，则隐藏效果并移除active
            $this.removeClass('active');
            $effect.slideUp(200);
        } else {
            // 隐藏同一事件中其他选项的效果
            $container.find('.event-option').removeClass('active');
            $container.find('.event-effect').slideUp(200);
            
            // 显示当前选项的效果
            $this.addClass('active');
            $effect.slideDown(200);
        }
        
        // 动态调整容器高度
        setTimeout(function() {
            var totalHeight = 170; // 基础高度
            $container.find('.event-option, .event-effect:visible').each(function() {
                totalHeight += $(this).outerHeight(true);
            });
            $container.find('.event-background').css('min-height', (totalHeight - 160) + 'px');
        }, 210);
    });
});