Question

Basically, I have slider which I would like to be triggered from menu too. I use following HTML :

<ul>
    <li> <a href="#" onclick="jQuery('.advanced-slider').advancedSlider().gotoSlide(1);  return false;"> one </a> </li>
    <li> <a href="#" onclick="jQuery('.advanced-slider').advancedSlider().gotoSlide(2); return false;"> two </a> </li>
</ul> 

What would be the appropriate Jquery code to trigger this?

Answer 1

Maybe just that:

<ul id="myul">

<li> <a href="#"> one </a>  
</li>
<li> <a href="#"> two </a>  
</li>

</ul> 

$(function () {
  var $slider = $('.advanced-slider').advancedSlider();
  $("#myul a").each(function (i) {
    $(this).click(function (e) {
      e.preventDefault();
      $slider.gotoSlide(i)
    });
  });
});