jQuery，在窗口宽度更改时将类添加/删除到列表项

Question

I try to add a class to my list items if they have a sub ul but only at a specific window width:

<ul>
    <li></li>
    <li></li>
    <li class="hassub">
        <ul>
            <li></li>
        </ul>
    </li>
    <li></li> 
</ul>

I found two working jsfiddles and tried to combine them. This is what I got: https://jsfiddle.net/Flouks/413qdd63/

These are the two I try to combine:

1: http://jsfiddle.net/userdude/rzdGJ/1/

2: http://jsfiddle.net/userdude/rzdGJ/1/

Thanks in advance for your help.

( Note to myself: learn jquery )

Answer 1

You forgot to add JQuery to the JSFiddle.

Here is a link to the update one

Your code does add and remove the class as intended.

if ($window.width() < 500) {
            return $bla.addClass('hassub');
        }
    $bla.removeClass('hassub');