Почему addClass() не работает? Использование mCustomScrollbar

Question

JSFiddle

HTML

<ul class="menu" data-mcs-theme="dark"> 
    <li><a href="#" id="view-all">View All</a></li> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
    <li><a href="#">Test</a></li> 
</ul> 

CSS

.menu { 
    height: 100px; 
    overflow: hidden; 
} 
.menu li { 
    list-style: none; 
} 

JS

$('#view-all').click(function(){ 
    $('.menu').addClass('mCustomScrollbar'); 
}); 

Когда я нажимаю «Просмотреть все», JS добавляет класс «mCustomScrollbar», но custome scroll dosn't не работает? Спасибо за все заранее!

Answer 1

Инициировать скроллбар, как это: -

$('#view-all').click(function(){ 
    $(".menu").mCustomScrollbar(); 
}); 

Fiddle