由于onclick事件，垂直菜单滚动无法正常工作

Question

我在移动视图的页面右侧有一个垂直菜单栏。 我在href上有javascript函数，它在jwplayer中加载视频。现在的问题是，菜单表现为滑入和滑出。所以当从菜单列表中选择一个项目时，菜单滑出并进入隐藏状态，但是当我尝试滚动菜单时，滑入/退出功能会启动。

<ul>
        <li><a href="javascript:loadVideo('http://xxx')" class="navToggle1" class="active">yyy</a></li>
        <li><a href="javascript:loadVideo('http://xxx')">yyy</a></li>
    </ul>

function loadVideo(myFile) { 
                    jwplayer().load([{
                      file: myFile,
                    }]);
                    jwplayer().play();
                 };

为幻灯片输入/输出功能添加/删除类的js函数如下：

$('.navToggle1').on(clickevent, function(event) {
    if (navigation.hasClass('open')) {
        close();
    } else {
        open();
    }   
});