https://www.transtv.co.id/themes/v25.7/src/js/custom.js?r=1790243322

1$(document).ready(function () {
2    $("#open-nav").click(function () {
3        $("#header__mobile").show("fast");
4    });
5
6    $("#close-nav").click(function () {
7        $("#header__mobile").hide("fast");
8    });
9
10    $("#open-search").click(function () {
11        $("#headerSearch").show("fast");
12        $(".header__searchboxInput").focus();
13    });
14
15    $("#close-search").click(function () {
16        $("#headerSearch").hide("fast");
17    });
18
19    // Open dan Play video
20    const link = $(".vd__contentVideo").attr("link");
21    $(".vd__contentVideoButton").click(function () {
22        $(this).parents(".vd__contentVideo").next(".vd__contentEmbed").fadeIn(function(){            
23            $("#video-embed").attr("src", link);
24        });
25    });
26
27    $(".vd__contentVideoPlay").click(function () {
28        $(this).parents(".vd__contentVideo").next(".vd__contentEmbed").fadeIn(function(){            
29            $("#video-embed").attr("src", link);
30        });
31    });
32
33    $(".vd__contentTxtToVid").click(function () {
34        $(this).parents(".vd__contentDeskripsi").prevAll(".vd__contentEmbed").fadeIn(function(){            
35            $("#video-embed").attr("src", link);
36        });
37    });
38
39    $(".vd__contentEmbedClose").click(function () {
40        $(this).parents(".vd__contentEmbed").fadeOut(function (){
41            $("#video-embed").attr("src", "");
42        });
43        
44    });
45    // Accordian Programs
46    $(".programs__accordionHeader").on("click", function () {
47        const $item = $(this).parent();
48        const $content = $item.find(".programs__accordionContent");
49
50        // Toggle active state
51        $item.toggleClass("active");
52
53        // Expand or collapse the content
54        if ($item.hasClass("active")) {
55            $content.stop().slideDown();
56        } else {
57            $content.stop().slideUp();
58        }
59
60        // Optional: Close other panels
61        $(".programs__accordionItem").not($item).removeClass("active").find(".programs__accordionContent").stop().slideUp();
62    });
63
64    //Live Mobile
65    $(".live__mobileTrigIconOpen").click(function () {
66        $(this).css("display","none");
67        $(".live__chatList").css("display","flex");
68        $(".live__chatInput").css("display","block");
69        $(".live__mobileTrigIconClose").css("display", "block");
70    });
71    $(".live__mobileTrigIconClose").click(function () {
72        $(this).css("display","none");
73        $(".live__chatList").css("display","none");
74        $(".live__chatInput").css("display","none");
75        $(".live__mobileTrigIconOpen").css("display", "block");
76    });
77
78    //Schedule
79    $('.sche__dateTab').on('click', function() {
80        // Remove active class from all tabs and contents
81        $('.sche__dateBox').removeClass('sche__dateBox--active');
82        $('.sche__programsBox').removeClass('sche__programsBox--active');
83
84        // Add active class to clicked tab and corresponding content
85        $(this).children('.sche__dateBox').addClass('sche__dateBox--active');   
86        $(this).parent('.sche__date').next('.sche__programs').children('#' + $(this).data('tab')).addClass('sche__programsBox--active');
87        
88        const targetTab = $(this).parent('.sche__date').next('.sche__programs').children('#' + $(this).data('tab'));
89    
90        $('.sche__programsBox').each(function() {
91            if ($(this).hasClass('sche__programsBox--active')) {
92                $(this).css('transform', 'translateX(-100%)');
93            }
94        });
95
96        targetTab.addClass('sche__programsBox--active');
97        setTimeout(function() {
98            targetTab.css('transform', 'translateX(0)');
99        }, 10);
100    });
101    
102    //Banner
103    $(".bannerpop--box__close").click(function () {
104        $(this).parents("#bannerpop").hide();
105    })
106
107    //Auto schedule
108    let div = $(".midContent__sideScheduleBox");
109    let target = div.find(".midContent__sideScheduleList--active");
110    if (target.length) {
111        div.animate({
112            scrollTop: target.position().top
113        }, 1000); // 1000ms = 1 detik untuk efek scroll halus
114    }
115});
116