Using with a link that is not a link

Hello Melanie and thanks for using the plugin ??

The plugin does not work on non-link/anchor (<a />) elements out-of-the-box, but it provides a method that you can use in order to trigger a scroll programmatically to any id you want.

So, what you describe can be done as long as you can add a small js script in your theme/template. Is this possible in your theme? Does it provide a field where you can insert custom javascript or maybe you can add it manually in say footer.php?

If yes, the following will do automatically what you describe for all your tab modules:

(function($){
	$(window).load(function(){
		$("ul.turbotabs").each(function(i){
		    var cid="turbotabs-cid-"+i;
		    $(this).attr("id",cid).children(".tab-menu").click(function(){
		        $.mPageScroll2id("scrollTo","#"+cid);
		    });
		});
	});
})(jQuery);

The above code replicates the effect on the example you posted but it can be customized with different offset, scroll-to position etc.

Let me know if this helps

• This reply was modified 8 years, 2 months ago by malihu.

Thank you so much. Yes I can add a script into my theme easily (it is Genesis). I’ll play with this and see if I can get it to work.

Great! Let me know ??

Worked like a charm! Thanks so much!

Melanie

You’re welcome ??
Marking this as resolved.