// var tl = gsap.timeline();
//
// tl
// .from(".menutibillet", {
//     y: -100,
//     stagger: 0.1 // 0.1 seconds between when each ".box" element starts animating
//   })
//   .from(".card", {
//       opacity:0,
//       duration: 0.3,
//       rotationY: 180,
//       stagger: 0.2
//
//   },"-=0.1")
//   ;
//
// const btn = document.querySelector('#filter');
// var tl2 = gsap.timeline({paused : true});
//
//     tl2
//     .from(".btnside, .btn-aside2, .btn-aside3, .btn-aside4" , {
//         opacity:0,
//         duration: 0.3,
//         x: -100,
//         stagger: 0.1
//     })
//     ;
//     btn.onclick = () => tl2.reversed() ? tl2.play() : tl2.reverse();
//





// const b4 = document.querySelector('.btn-aside2');
// var tl6 = gsap.timeline({paused : true});

//     tl6
//     .to(".btnconcerts", {

//         duration: 0.4,
//         transform: 'rotateY(180deg)'

//     })
//     .to(".H41",{
//         duration: 0,
//         transform: 'rotateY(180deg)'
//    },"-=0.2")
//     ;
//     b4.addEventListener("mouseenter", () => tl6.play());
//     b4.addEventListener("mouseleave", () => tl6.reverse());

//     const b5 = document.querySelector('.btn-aside3');
// var tl7 = gsap.timeline({paused : true});

//     tl7
//     .to(".btnlieux", {

//         duration: 0.4,
//         transform: 'rotateY(180deg)',

//     })
//     .to(".H42",{
//         duration: 0,
//         transform: 'rotateY(180deg)'
//    },"-=0.2")

//     ;
//     b5.addEventListener("mouseenter", () => tl7.play());
//     b5.addEventListener("mouseleave", () => tl7.reverse());

//     const b6 = document.querySelector('.btn-aside4');
// var tl8 = gsap.timeline({paused : true});

//     tl8
//     .to(".btnartiste", {

//         duration: 0.4,
//         transform: 'rotateY(180deg)',

//     })
//     .to(".H43",{
//         duration: 0,
//         transform: 'rotateY(180deg)'
//    },"-=0.2")

//     ;
//     b6.addEventListener("mouseenter", () => tl8.play());
//     b6.addEventListener("mouseleave", () => tl8.reverse());