Shabloni >> <<

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="jquery/jquery-ui.css">
    <script src="jquery/jquery.js"></script>
    <script src="jquery/jquery-ui.js"></script>
    <script src="script.js"></script>
    <style>
    </style>
</head>
<body>

<div id="tabs">
    <ul>
        <li><a href="#tab_1">Студенти</a></li>
        <li><a href="#tab_2">Оценки</a></li>
    </ul>

    <div id="tab_1">
    <h3>Студенти</h3>
        <h3>Студенти кои го полагале испитот</h3>
        <ul id="source">
            <li title="20"><input type="checkbox">Student Student1 190990</li>
            <li title="80"><input type="checkbox">Student Student2 190991</li>
            <li title="100"><input type="checkbox">Student Student3 190993</li>
        </ul>

        <button id="to_dest">>></button>
        <button id="to_source"><<</button>

        <h3>Студенти кои го полагале тестот</h3>
        <ul id="dest">
            <li title="50"><input type="checkbox">Student Student1 190990</li>
            <li title="55"><input type="checkbox">Student Student2 190991</li>
            <li title="70"><input type="checkbox">Student Student3 190993</li>
        </ul>
</div>
    <div id="tab_2">
        <h3>Оценки</h3>
        <div id="progress_6">

        </div>
        <div id="progress_7">

        </div>
        <div id="progress_8">

        </div>
        <div id="progress_9">

        </div>
        <div id="progress_10">

        </div>
    </div>

</div>


</body>
</html>

$(document).ready(function () {
    $("#tabs").tabs({})
    $("#to_dest").click(function () {
        if($("#source li input:checked").parent().attr("title")>50){
            $("#source li input:checked").parent().remove().appendTo("#dest")
            $("#dest li input:checked").attr("checked", false)
        }else{
            alert("Studentot nema dovolno poeni")
            $("#source li input:checked").attr("checked", false)
        }
    })
    $("#to_source").click(function () {
        $("#dest li input:checked").parent().remove().appendTo("#source")
        $("#source li input:checked").attr("checked", false)
    })
})