Toggle handlers jquery < 1.9

by Alexey Zuev

HTML

<div id="change-bg">Переключить</div>
<div class="Video-wrap"></div>

CSS

#change-bg {
    display: inline-block;
    cursor: pointer;
    background: #369;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}
.Video-wrap {
    width: 300px;
    height: 300px;
    margin: auto;
    border: 3px dotted;
    margin-top: 10px;
}

JavaScript

$(function () {
    var $videoWrapper = $(".Video-wrap");
    
    $("#change-bg").toggle(
        function () {
            $videoWrapper.css({
                "background-color": "#000"
            });
        },
        function () {
            $videoWrapper.css({
                "background-color": "#fff"
            });
    });
});