Javascript 引导导航栏和同位素过滤

我在导航栏上遇到同位素问题。我想在选择不同的导航栏项目时切换内容

不知道我必须做什么，这是我现在拥有的简化版本

我想我需要一些Javascript来处理从navbar的href类到同位素类的转换？这样可能吗

HTML导航栏

<nav class="navbar">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
      <i class="fa fa-bars"></i>
    </button>
  </div>
  <div class="collapse navbar-collapse navbar-main-collapse" id="#options">
    <ul class="nav navbar-nav">
      <li>
        <a href="#home">Home</a>
      </li>
      <li>
        <a href="#about">About</a>
      </li>
  </div>
</nav>

<section class="main-content">
  <div class="isotope-elements-grid" id="isotope-elements-grid">
    <div class="isotope-element home">
      <p>Some random text on Home</p>
    </div>
    <div class="isotope-element about">
      <p>Some random text on About</p>
    </div>
  </div>
</section>

$('.isotope-elements-grid').isotope({
  // options
  itemSelector: '.isotope-element',
  layoutMode: 'fitRows'
});