I have a calendar code inside a div and I want to display the calendar when clicking an anchor tag without sliding the entire div. Currently, it is displayed as:
However, I want it to be displayed as shown in the next image:
<a class="aastext">Payroll Calendar</a>
<div id='cal' class='cal'></div>
<table>
<!-- table code -->
</table>
.cal, .pass1{
display: none;
width : 50px;
height: 50px;
background-color: blue;
}
$(document).ready(function(){
$(".aastext").click(function(){
$(".cal").slideToggle("slow");
});
});