title: carousell every div does something else onclick
body: <p>I just need some advice and help. I have 7 different divs and every div should do something else when clicking on it (owl carrousel).</p>
  
  <p>Now i just have everything "hard coded" but that is not very efficiënt  </p>
  
  <p>Example:</p>
  
  <p>when i click div 1:   $(".div1").css('-webkit-filter','blur(5px)'); </p>
  
  <p>when i click div 2:   $(".div2").css('-webkit-filter','grayscale(100%'); </p>
  
  <p>etc.</p>
  
  <p>Do i need to keep "hard coded" or is there a better solution for my question?.</p>
  
  <p>I am a real newbie.</p>
  
  <p>Thanks in advance</p>