Telerik Academy CSS Exam-Variant 3

task2

HTML

head>
    <title>CSS Styling Exam Variant 3 - task 2</title>
    <link href="task2.css" rel="stylesheet" />
    <script src="jquery-1.9.1.js"></script>
</head>
<body>
    <div id="wrapper">
        <div class="select-list">
            <ul class="all-items">
                <li class="selected">Bulgaria
                </li>
                <li>England
                </li>
                <li>Russia
                </li>
                <li>Portugal
                </li>
                <li>Spain
                </li>
                <li>USA
                </li>
                <li>Germany
                </li>
                <li>Italy
                </li>
                <li>Austia
                </li>
                <li>Canada
                </li>
                <li>China
                </li>
                <li>Japan
                </li>
                <li>Denmark
                </li>
            </ul>
            <a href="#" class="btn-unselect">
                <img src="imgs/arrow-left.png" /></a>
            <a href="#" class="btn-select">
                <img src="imgs/arrow-right.png" /></a>
            <ul class="selected-items">
            </ul>
        </div>
    </div>
    <script>
        (function () {
            $.fn.selectList = function createSelectList() {
                var selector = this.selector;

                function attachLiEvents() {
                    $(selector + " ul li").off("click");

                    $(selector + " ul li").on("click", function onItemClick(e) {
                        if ($(this).hasClass("selected")) {
                            $(this).removeClass("selected");
                        } else {
                            $(this).addClass("selected");
                        }

                        if (e.preventDefault) {
                            e.preventDefault();
                        }
                        return false;
                    });
                }

               ...