更改添加到购物车的背景色

@foreach($model_parts as $key=>$val)
<div class="col-md-6">
   <!-- <pre>{{  print_r($val->toArray())}}</pre>  -->
    <div class="product-box">
        <div>{{$val['repair']['parts_name']}}</div>
        <div>{{$val['parts_price']}}</div>
        <div><button class="btn btn-info " id="togglebutton_{{$val['id']}}" onclick="addToCart({{$val['id']}})">Add to Cart</button></div>
    </div>
</div>
@endforeach

function addToCart(product) {
    $.ajax({
        type: 'POST',
        url: base_url + 'myteam/add-to-cart',
        data: {parts_name: product, _token: "{{ csrf_token() }}"},
        success: function (data) {
            console.log(data);
            $('body').load(location.href + "#cart-list");

            if (data.type == 'new' && data.msg == 'success') {
                setTimeout(function () {
                    $('#togglebutton_' + data.classStyles).addClass('darkProduct');
                }, 200);
            }
            if (data.type == 'already_exist' && data.msg == 'success') {
                setTimeout(function () {
                    $('#togglebutton_' + data.classStyles).removeClass('darkProduct').addClass('noProduct');
                }, 200);

            }
        }
    });
}