Hide footer with css when slide is active

JavaScript
11

I think this is now possible.
I’ve managed to hide the footer using an owl event (linked above) on.change, though, I now need a way to hide only, when a certain items are shown. As discussed previous.

$("#cases").on('changed.owl.carousel',function () {
  $('footer').find('#select').css("display", "none"); 
});

Taken from the linked page, I think we need to use the below in some way or another?
> var items = event.item.count; // Number of items

var item      = event.item.index;     // Position of the current item

Any suggestions @PaulOB, anybody?

example here: jsfiddle

Thanks, barry