michael.james.90475 -3 Newbie Poster

I want to resize my caroseul on click of a button. Below is the code that needs to be changed. Width: 100% needs to be changed to width 50%. I am using JQuery maybe there's a way using that but nothing works so far other than changing the CSS itself to 50% or whatever.

 .carousel-inner > .item ,
  .carousel-inner > .item > a {
      width: 100%;
      margin: auto;
      height: 30%;
  }