前幾天板上大神們教了 mysql 簡化方式（同個查詢）
現在想學些 JS 簡化方式
前提是在不動到html的情況下是否可以簡化？

例如

$('.status-btn').mouseenter(function(e) {
  var public_order_id = e.currentTarget.dataset.public_order_id;
  var id = e.currentTarget.dataset.id;
  var type = e.currentTarget.dataset.type;

  $('.'+type+'-'+public_order_id+', .status-sublist-layout-after-btn').show();
});

$('.status-layout').mouseleave(function(e) {
  var public_order_id = e.currentTarget.dataset.public_order_id;
  var id = e.currentTarget.dataset.id;
  var type = e.currentTarget.dataset.type;

  $('.'+type+'-'+public_order_id+', .status-sublist-layout-after-btn').hide();
});

$('.status-sublist-layout-after-btn').click(function(event) {
  $('.admin-status-submenu-layout, .admin-status-submenu-layout-large, .status-sublist-layout-after-btn').hide();
});

這一段比較特別，
有blog-menu, manager-menu, log-menu, setting-menu
只是替換成 quick-menu ，其他都一樣

$('.quick-menu').click(function(e) {
  $('.quick-layout, .blog-layout, .manager-layout, .log-layout, .setting-layout').hide();
  $('.quick-layout').show();
});
$('.quick-layout').mouseleave(function(e) {
  $('.quick-layout').hide();
});

$('.blog-menu').click(function(e) {
  $('.quick-layout, .blog-layout, .manager-layout, .log-layout, .setting-layout').hide();
  $('.blog-layout').show();
});
$('.blog-layout').mouseleave(function(e) {
  $('.blog-layout').hide();
});

......

這是我目前想到的簡易方式，已經盡力.....
不過大神們肯定還有方法.....
學會了我就能套用到其他function，受益良多！如果可以的話幫我打一下原理
感謝大神指教！