javascript - Open and scroll to accordion section -

i have single page site content placed inside accordion. need both open , scroll accordion item when user clicks on nav @ top of page. found couple similar functions, being closest (open jquery accordion when link id of element within accordion clicked) unfortunately jsfiddle links no longer working.

right have thecode accordion working...need scroll part in there somehow...thanks!

code

var accordion_head = $('.accordion > li > .toggle-bar');    accordion_head.on('click', function (event) {      var $a = $(this);      event.preventdefault();            if ($a.hasclass('active')) {          $a.removeclass('active').siblings('.content-wrapper').slideup();      }      else {          $a.addclass('active').siblings('.content-wrapper').slidedown();      }  });

.accordion li .content-wrapper {      display: none;  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>      <ul class="accordion">  		<li id="1">  			<a class="toggle-bar" href="#one"><h2>headline</h2></a>  			    			<div class="content-wrapper">                          content here                          </div>          </li>              <li id="2">  			<a class="toggle-bar" href="#two"><h2>headline</h2></a>  			    			<div class="content-wrapper">                          content here                          </div>          </li>              <li id="3">  			<a class="toggle-bar" href="#three"><h2>headline</h2></a>  			    			<div class="content-wrapper">                          content here                          </div>          </li>      </ul>