Cycle Plugin: Creating anchors

Cycle Plugin: Creating anchors

Hi,

I want to have two links within one div to lead to the next slide.

Script:

  1. $('#slideshowProduction').before('<div id="horNav" class="horNav">').cycle({
  2.    fx: 'scrollHorz',
  3.    cssBefore: { opacity: 0 },
  4.    animOut: { opacity: 0 },
  5.    animIn: { opacity: 1 },
  6.     timeout: 0, 
  7.    easeIn: "easeInOutExpo",
  8.     pager:  '#horNavPrevNext',
  9.    pagerAnchorBuilder: function(idx, slide) {
  10.             // return sel string for existing anchor
  11.             return '#horNavPrevNext li:eq(' + (idx) + ') a';
  12.         }
  13.     });
  14. $('#direct').click(function() {
  15.         $('#horNavPrevNext li:eq(2) a').triggerHandler('click');
  16.         return false;
  17.     });

HTML markup:
  1.       <div class="productionNextPrev">
  2.         <ul id="horNavPrevNext">
  3.           <li><a href="#">Production Services</a></li> / 
  4.           <li><a href="#">Process</a></li>
  5.         </ul>
  6.       </div>

  7.       <div id="slideshowProduction" class="horSlider">
  8.               <div class="productionServices"><p>some text here</p>
  9.                   <p><a href="#">Learn about our process.</a></p> </div>

  10.             <div class="productionProcess"><p>some more text</p></div>
  11.       </div>

I want "Process" and "Learn about our process" to link to the same slide, which is the second slide (.productionProcess). "Process" links correctly. Right now clicking on "Learn about our process" just leads to the top of the page (since the link is just a hash mark).

Thanks for any suggestions.