javascript - jqueryには、クリックすると2つの関数が連続して機能します

Question

私はこのJSコードを持っています:

function overlay() {
    el = document.getElementById("overlay");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}

クリックすると新しいウィンドウが開きます。最初のクリックから次にやりたいことは、別の機能に移動することです。その関数には、5 つの div を持つスクローラーが必要です。3 番目の div または ID に移動したい場合、そのタイプの関数をどのように記述すればよいでしょうか? したがって、HTML の例は次のようになります。

<div id="this">
   <div class="outer">
       <div class="innerdiv">
           <div class="1" id="1">1</div>
           <div class="2" id="2">2</div>
           <div class="3" id="3">3</div>
           <div class="4" id="4">4</div>
           <div class="5" id="5">5</div>
        </div>
   </div>
</div>

これは私のスクローラーを表します。したがって、最初の最初のクリックで、新しいウィンドウを開いてその 3 番目の div にスクロールするか、スクロールが難しい場合は最初の div に移動するという考えです。http://jsfiddle.net/qYTK4/

<div class="arrowbox">
      <div style="display:inline-block; width:155px; height: 50px; float:left;"></div>
      <div class="leftbox" id="leftbox"></div>
      <div class="backtohome"><a href='#' onclick='overlay()' style="text-decoration:none;">BACK TO HOME PAGE</a></div>
<div class="rightbox" id="rightbox"></div>