为什么这个JS没有解雇

Question

我有这个标记，并且它应该工作的方式是用户点击“图标箭头”，这个JS应该触发，它将显示隐藏的内容，换句话说就是打开窗口。这适用于另一个程序，但有没有任何理由不解雇。

这是标记：

   <div data-bind="foreach {data:movies}">
    <div class="content-item full bottom-border">
    <div class="content-item-container">
        <div class="movie-listing-header">
            <a class="icon arrow"></a>
            <div class="movie-details">
                <div class="title"><a href="#" data-bind="text: MovieName, attr: { href: DetailsUrl }"></a></div> 
                <div class="info">
                    <div>
                        <span class="rating" data-bind="css: 'rating-' + (MovieRating || 'NR').toLowerCase().replace(/-/, '')"></span> 
                    </div>                        
                </div>
            </div>
            <a class="icon right-arrow"></a> 
</div>
        <div class="showtimes">    
              <div data-bind="template: { name: 'movie-grouped-showtimes-template', data: $data }"></div>    
        </div>    
</div>
</div>
</div>

这是.js

$(document).ready(function () {
    $('.icon.arrow').click(function () {
        var active_el = $(this);
        $('.movie-listing-header').each(function () {
            if ($(this).get(0) === active_el.parent().get(0)) {

                if ($(this).hasClass('active')) {
                    $(this).siblings('.showtimes').hide();
                } else {
                    $(this).siblings('.showtimes').show();
                }
                $(this).toggleClass('active');

            } else {
                $(this).removeClass('active');
                $(this).siblings('.showtimes').hide();
            }
        });

    });
});