我需要能够在tabcontrol的选项卡项中看到标题

<div class="tabcontrol">
  <ul class="tabcontrol-nav">
    <li class="active">选项卡1</li>
    <li>选项卡2</li>
    <li>选项卡3</li>
  </ul>
  <div class="tabcontrol-content">
    <div class="tabcontrol-pane active">
      <h3>选项卡1的内容</h3>
      <p>这里是选项卡1的详细内容。</p>
    </div>
    <div class="tabcontrol-pane">
      <h3>选项卡2的内容</h3>
      <p>这里是选项卡2的详细内容。</p>
    </div>
    <div class="tabcontrol-pane">
      <h3>选项卡3的内容</h3>
      <p>这里是选项卡3的详细内容。</p>
    </div>
  </div>
</div>

.tabcontrol {
  /* 添加样式以适应你的需求 */
}

.tabcontrol-nav {
  /* 添加样式以适应你的需求 */
}

.tabcontrol-nav li {
  /* 添加样式以适应你的需求 */
}

.tabcontrol-content {
  /* 添加样式以适应你的需求 */
}

.tabcontrol-pane {
  /* 添加样式以适应你的需求 */
}

$(document).ready(function() {
  $('.tabcontrol-nav li').click(function() {
    var tabId = $(this).index();
    $('.tabcontrol-nav li').removeClass('active');
    $(this).addClass('active');
    $('.tabcontrol-pane').removeClass('active');
    $('.tabcontrol-pane').eq(tabId).addClass('active');
  });
});