使用jquery旋转背景

Question

HTML

<div class="selectContainer">
            <ul>
                <li class="init" id="init">Select</li>
                <li data-value="value 1">Option 1</li>
                <li data-value="value 2">Option 2</li>
                <li data-value="value 3">Option 3</li>                                                            
            </ul>
        </div>

CSS

.init { cursor: pointer; background:url("../images/arrow-down.png") right no-repeat; }

的jQuery

jQuery(document).ready(function () {
    $("ul").click(function () {
        $(this).closest("ul").children('li:not(.init)').slideToggle(200);
    });
    $('.init').on('click', function () {
        $(".init").css({
            '-moz-transform': 'rotate(' + 180 + 'deg)'
        });
    });
});

嗨，我只想让向下箭头图像颠倒。我使用transform＆＃34; .init＆＃34;但是全班都在旋转，我只需要旋转背景图像。