Removing class when window resized

Hi, i’m working on a simple responsive page with superfish implemented in navigation, i want to disable the plugin when the window is resized to 768px and below because the navigation will be replaced by a toggle nav, so i’m trying to remove the .sf-menu class with jQuery but it doesn’t work.

function checkWidth(init)

{

if ($(window).width() < 768) {

     $('ul').removeClass('.sf-menu');

   }

    else {

        if (init == false) {

            $('ul').addClass('.sf-menu');

        }

    }

}

$(document).ready(function() {

    checkWidth(true);

    $(window).resize(function() {

        checkWidth(false);

    });

});

Any help would be appreciated.

It`s hard to help you if i not see the html

Try with $('body').innerWidth();

    $('body').resize(function () {
      var width = $(this).width();
        if (width < 769) {
            //do stuff
        }
        else { // do stuff }
    }).resize();

always listen to the window object when resizing:

$(window).resize(function(){
   //do stuff here
});

Try this:

function your_function_name(){

    var windowWidth = jQuery(window).width();

    if(windowWidth <= 768) {
        jQuery('ul').removeClass('.sf-menu');
    }else{

        jQuery('ul').addClass('.sf-menu');
    }

}

jQuery(document).ready(function($){

    your_function_name();

    jQuery(window).bind("resize",function(){
        your_function_name();
    });

}

revaxarts said
always listen to the window object when resizing:

$(window).resize(function(){
   //do stuff here
});

+1 what I was going to say