// 给所有可点击元素添加相同的类名，如'toggle-btn'
$('.toggle-btn').click(function() {
  // 首先隐藏所有相关元素
  $('.content-to-toggle').hide();
  
  // 然后显示当前点击元素对应的内容
  $(this).next('.content-to-toggle').show();
});

<button data-target="#content1">显示内容1</button>
<button data-target="#content2">显示内容2</button>

<div id="content1" class="content">内容1</div>
<div id="content2" class="content">内容2</div>

<script>
$('button').click(function() {
  $('.content').hide(); // 隐藏所有内容
  $($(this).data('target')).show(); // 显示当前目标内容
});
</script>

<div class="tabs">
  <button class="tab-btn active" data-tab="tab1">标签1</button>
  <button class="tab-btn" data-tab="tab2">标签2</button>
</div>

<div class="tab-content" id="tab1" style="display:block;">内容1</div>
<div class="tab-content" id="tab2">内容2</div>

<script>
$('.tab-btn').click(function() {
  // 移除所有按钮的active类
  $('.tab-btn').removeClass('active');
  // 给当前按钮添加active类
  $(this).addClass('active');
  
  // 隐藏所有内容
  $('.tab-content').hide();
  // 显示当前内容
  $('#' + $(this).data('tab')).show();
});
</script>