k-panelBar height

PanelBar with equal height

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<ul id="panelBar">
    <li>Item 1
        <div>
            <div class="panelBar-content">
                <p>Short Content</p>
            </div>
        </div>
    </li>
    <li>Item 2
        <div>
            <div class="panelBar-content">
                <p>Long content</p>
                
                <p>Morbi auctor mattis justo eget ullamcorper. Phasellus vitae nisi et urna sodales facilisis. Mauris sed purus ut libero lobortis pretium. Nullam placerat tortor nec elit ultrices viverra. Aenean consequat nulla rhoncus tellus tincidunt venenatis. Nullam consequat facilisis metus, vitae interdum sapien rutrum sit amet. Quisque pulvinar faucibus egestas. Vestibulum eu justo at lectus euismod hendrerit. Mauris augue metus, ornare id tristique ut, rhoncus id orci. Fusce vel nibh dui, dapibus pellentesque erat. Donec blandit orci vitae velit dignissim vitae fermentum odio fermentum. Nullam risus quam, dictum id lacinia quis, auctor nec metus. Integer in sem orci, ac pellentesque dui. Vivamus a odio non lectus cursus viverra. Etiam dictum justo eu arcu venenatis gravidaorbi auctor mattis justo eget ullamcorper. Phasellus vitae nisi et urna sodales facilisis. Mauris sed purus ut libero lobortis pretium. Nullam placerat tortor nec elit ultrices viverra. Aenean consequat nulla rhoncus tellus tincidunt venenatis. Nullam consequat facilisis metus, vitae interdum sapien rutrum sit amet. Quisque pulvinar faucibus egestas. Vestibulum eu justo at lectus euismod hendrerit. Mauris augue metus, ornare id tristique ut, rhoncus id orci. Fusce vel nibh dui, dapibus pellentesque erat. Donec blandit orci vitae velit dignissim vitae fermentum odio fermentum. Nullam risus quam, dictum id lacinia quis, auctor...

CSS

#panelBar {
    width: 350px;
    margin: 0 auto;
}
        
.k-panelbar .k-content>.panelBar-content {
    height: 200px;
    overflow: auto;
}

.panelBar-content p {
    text-align: center;                
}

JavaScript

var panelbar = $("#panelBar").kendoPanelBar({
    expandMode: "single"
}).data("kendoPanelBar");

panelbar.element.find(".panelBar-content").kendoMobileScroller();