tutorials.de - Problem mit Jquery Funktion

by SpiceLab

HTML

<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<div data-role="page">  
    <div id="index_cats">
      <h1>Click me - I'm collapsible!</h1>
      <p>I'm the expanded content.</p>
    </div>
</div>

JavaScript

$(document).on('pagecreate', '[data-role="page"]', function(){
    var viewportWidth = $(window).width();
    if(viewportWidth > 620){
        $("#index_cats").collapsible({ collapsed: false });
    }else{
        $("#index_cats").collapsible({ collapsed: true });
    }    
});
 
$(window).on('resize', function(){
    var viewportWidth = $(window).width();
    if(viewportWidth > 620){
        $("#index_cats").collapsible({ collapsed: false });
    }else{
        $("#index_cats").collapsible({ collapsed: true });
    }
});