Can You Toggle Scale & Bounce Using JQuery?

Can You Toggle Scale & Bounce Using JQuery?

I'm working on my administration panel which has a side bar attached to the top bar. The side bar can be minimized and upon doing so it will animate left and then bounce. Upon doing so, there is no longer the same space available for the logo of which I would like to also bounce, scaling from the top middle of the div.

HTML
  1.     <div class="PannelLogo">
  2.         <a href="Panel Home Link"></a>
  3.     </div>
CSS
  2. .PannelLogo {
  3. position:absolute;
  4. margin:5px;
  5. height: 137px;
  6. width: 210px;
  7. z-index:9999;
  8. }
  9. .PannelLogo a {
  10. position:absolute;
  11. width:210px;
  12. height:137px;
  13. background:url(Logo.png) no-repeat;
  14. z-index:9999;
  15. }
For my side bar, this is how I animate and bounce;
  2. $('#MinimizeSideBar').click(function() {
  3. var SideBarWidth = $(".SideNav").width() == 236 ? "46" : "236";
  4. $('.SideNav').animate({ width: SideBarWidth + "px" }, {duration: 1000, easing: 'easeOutBounce'});
  5. $('.Menu').toggleClass("Open Closed");
  6. });
How would I achieve a scale bounce to my logo?