Infinity Pro: Toggle scroll to active div ?

[Boblebad]

Hi

I'm all new to javascript and jQuery, so i need a little help getting this to work.

I've bin searching around and found some things, but i'm not sure how to put them together.

On my Guides Page i have some longer guides and when clicking another guide, the open one closes and the page scrolls up. That results in the clicked guide being scrolled out of sight. So i need the script to scroll to the open toggle(guide) ?

I have this toggle script for my Guides Page:

$('.top').on('click', function() {
	$parent_box = $(this).closest('.box');
	$parent_box.siblings().find('.bottom').slideUp();
	$parent_box.find('.bottom').slideToggle(1000, 'swing');
});

When i searched, i found that there's a couple of ways to do this:

$('#your-div').scrollView();

And
document.getElementById("here").scrollIntoView()

But i'm not sure how to combine it with my script for the toggle's. It's from this link: http://stackoverflow.com/questions/1586341/how-can-i-scroll-to-a-specific-location-on-the-page-using-jquery

All the best
Carsten

[Boblebad]

Anyone who knows this ?

[Author]

Posts