Description: placeholder
508 Guidelines: placeholder
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel">
<div class="panel-body">
<div id="patientDemographic-btn" class="col-md-2">
<button id="new-observation" type="button" class="btn" aria-label="Add a New Observation">
+ New Observation
</button>
<div class="new-order-slideout" tabindex="0" aria-label="View list to add a new observation to the patient" >
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="panel-close">
<button title="Close Panel" id="slideout-close" tabindex="0">
<div class="toggle">
<i class="fa fa-remove">
<span class="sr-only">Close</span>
</i>
</div>
</button>
</li>
<li>
<button class="applet-add-button" title="Add Item" tabindex="0">
<div class="center-block text-center panel-title" aria-label="Add Active Problem">Active Problem</div>
<span class="fa fa-frown-o"></span>
</button>
</li>
<li>
<button class="applet-add-button" title="Add Item" tabindex="0">
<div class="center-block text-center panel-title" aria-label="Add Allergy">Allergy</div>
<span class="fa fa-pagelines"></span>
</button>
</li>
<li>
<button class="applet-add-button" title="Add Item" tabindex="0">
<div class="center-block text-center panel-title" aria-label="Add Vitals">Vitals</div>
<span class="fa fa-heartbeat"></span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$('#slideout-close').click(function(){
$(this).closest('.new-order-slideout').animate({
'right':'-186px'
},function(){
$(this).hide();
});
});
$('#new-observation').click(function(){
var slideOut = $(this).siblings('.new-order-slideout');
if (slideOut.is(':hidden')){
slideOut.show();
slideOut.animate({
'right':'0'
});
slideOut.focus();
} else {
slideOut.animate({
'right':'-186px'
},function(){
$(this).hide();
});
}
});
})
</script>