如何使用jquery显示和隐藏此加载栏

<div id="loading-bar">加载中...</div>
<button id="show-btn">显示加载栏</button>
<button id="hide-btn">隐藏加载栏</button>

#loading-bar {
  display: none; /* 默认隐藏加载栏 */
  background-color: #f1f1f1;
  color: #333;
  padding: 10px;
  text-align: center;
}

button {
  margin-top: 10px;
}

$(document).ready(function() {
  // 显示加载栏
  $("#show-btn").click(function() {
    $("#loading-bar").show();
  });

  // 隐藏加载栏
  $("#hide-btn").click(function() {
    $("#loading-bar").hide();
  });
});