切换推送菜单崩溃扩展

Question

我有这段代码：

$(document).on('collapsed.pushMenu', function() {
  $("#user_image_avatar").css('width', '30px');
  $("#user_image_avatar").css('height', '30px');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  <span class="sr-only">Toggle navigation</span>
</a>

当我点击它折叠并且图像较小30x30但是当我点击后退并且它展开时图像没有调整到其原始尺寸60x60我试过这样的事情：

   $(document).on('expaned.pushMenu', function(){
        $("#user_image_avatar").css('width', '60px');
        $("#user_image_avatar").css('height', '60px');
      });

但它不起作用，如何在展开后重置元素。 此外，我正在使用admin lte免费主题..