Traffrush

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script>
  $(document).ready(function() {
    $("#accordion").accordion();
    $(":checkbox").click(function() {
       var sum = 0;
       $(':checkbox:checked').each(function(){
            sum += parseInt($('span[class=price]', $(this).parents('tr:first')).html());
       });
       $("#total_price").html(sum);
    });});
  </script>
</head>
<body style="font-size:62.5%;width:80%;margin:20px auto;">

<div id="accordion">
    <h3><a href="#">Горячие закуски</a></h3>
    <div>
         <table>
            <tr>
                <td><label for="cb_01">Закуска 1</label></td>
                <td><input id="cb_01" type="checkbox"/></td>
                <td><span class="price">10</span>&nbsp;р.</td>
            </tr>
            <tr>
                <td><label for="cb_02">Закуска 2</label></td>
                <td><input id="cb_02" type="checkbox"/></td>
                <td><span class="price">50</span>&nbsp;р.</td>
            </tr>
            <tr>
                <td><label for="cb_03">Закуска 3</label></td>
                <td><input id="cb_03" type="checkbox"/></td>
                <td><span class="price">100</span>&nbsp;р.</td>
            </tr>
        </table>
    </div>
    <h3><a href="#">Холодные закуски</a></h3>
    <div>
        <table>
            <tr>
                <td><label for="cb_04">Закуска 1</label></td>
                <td><input id="cb_04" type="checkbox"/></td>
                <td><span class="price">250</span>&nbsp;р.</td>
            </tr>
            <tr>
                <td><label for="cb_05">Закуска 2</label></td>
                <td><input id="cb_05" type="checkbox"/></td>
                <td><span class="price">300</span>&nbsp;р.</td>
            </tr>
            <tr>
                <td><label for="cb_06">Закуска 3</label></td>
                <td><input id="cb_06" type="checkbox"/></td>
                <td><span class="price">350</span>&nbsp;р.</td>
            </tr>
        </table>
    </div>
</div>
    <h2>Всего:&nbsp;<span id="total_price">0</span>&nbsp;р.</h2>
</div>
</body>
</html>