add remove multiselect elements

by OnaBai

HTML

<script src="http://cdn.kendostatic.com/2013.1.514/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.metro.min.css">
<a href="#" id="collapsebutton" class="k-button">Collapse</a>
<a href="#" id="expandbutton" class="k-button">Expand</a>
<div id="organizer">
    <ul id="paneltemp">
        <li class="k-state-active">
            <span class="k-link k-state-selected">My Teammates</span>
            
            <div style="padding: 10px;">
                <div class="teamMate">
                    <h2>Andrew Fuller</h2>
                    
                    <p>Team Lead</p>
                </div>
                <div class="teamMate">
                    <h2>Nancy Leverling</h2>
                    
                    <p>Sales Associate</p>
                </div>
                <div class="teamMate">
                    <h2>Robert King</h2>
                    
                    <p>Business System Analyst</p>
                </div>
            </div>
        </li>
        <li>
            Projects
            <ul>
                <li>New Business Plan</li>
                <li>
                    Sales Forecasts
                    <ul>
                        <li>Q1 Forecast</li>
                        <li>Q2 Forecast</li>
                        <li>Q3 Forecast</li>
                        <li>Q4 Forecast</li>
                    </ul>
                </li>
                <li>Sales Reports</li>
            </ul>
            
        </li>
        <li>
            Programs
            <ul>
                <li>Monday</li>
                <li>Tuesday</li>
                <li>Wednesday</li>
                <li>Thursday</li>
                <li>Friday</li>
            </ul>
        </li>
        <li disabled="disabled">
      ...

JavaScript

$("#expandbutton").on("click", function () {
    var panelbar = $("#paneltemp").data("kendoPanelBar");
    panelbar.expand($("li", panelbar.element));
});
$("#collapsebutton").on("click", function () {
    var panelbar = $("#paneltemp").data("kendoPanelBar");
    panelbar.collapse($("li", panelbar.element), false);
});
$("#paneltemp").kendoPanelBar({
    expandMode: "multiple"
});