Unbind mousewheel event and bind it again

Unbind mousewheel event and bind it again

I'm using the jquery-mousewheel.js plugin, and I'd like to decide, if user scrolls down, then the content should fade out, and the user should see the next section. During this event, a class changing, and the event should stop, and only the next scroll down should fire it again (bind/unbind). I think I should use an event handler, but I don't know how to implement it in my code. I've tried the code below but its not working, any advice is appreciated.

  1. $('body').bind('mousewheel', function(event, delta) {
  2.     if (delta> 0){
  3. return false;
  4. } else{
  5.             hidewithfade();
  6. if ($("#next-screen").hasClass("homelink")){
  7. shownews();
  8. showwithfade();// Hide home, show news
  9. $("#next-screen").removeClass();
  10. $("#next-screen").addClass("newslink");
  11. $( 'body' ).unbind( "mousewheel" );
  12. } else
  13. if ($("#next-screen").hasClass("newslink")){
  14. $( 'body' ).bind( "mousewheel" ); // This should rebind it, but doesn't work
  15. shownews(); // Hide news, show chapters
  16. showwithfade();
  17. $("#next-screen").removeClass();
  18. $("#next-screen").addClass("chapterslink");
  19. }
  20. }
  21. });
  22.