Hide footer with css when slide is active

JavaScript
12

Fixed it! :smile:

Here is the code. Not sure if a better way is possible, or if I need a closing else statment, things work good either way. If this can help anybody else trying to perform certain events on their own carousel.

$("#cases").on('changed.owl.carousel',function(event) {
    if( event.item.index === 1 || event.item.index === 2 || event.item.index === 5 ) {
      $('footer').find('#select').css("display", "none");
    }
    else if( event.item.index === 0 || event.item.index === 3 || event.item.index === 4 ) {
      $('footer').find('#select').css("display", "block");
    }
  });

Thanks to an example I found which made things a little clearer reference

Updated: jsfiddle

Barry