Scroll up on collapse

Here’s the code. No matter what I do, this only sort-of works.
===================================
[expand title=”%(%h2%)%STEP 2%(%/h2%)%” rel=”steps-highlander” scrollonclose=”auto” ID=”STEP2″]

<li style=”color: #21a178; font-weight: bold; font-size: 20px; margin-top: 5px;”>Pick a hosting company:
<li style=”list-style-type: none; margin-top: 5px;”>If you don’t want to go with a self-hosted option, consider a free WordPress.com site to start out. REASON: there are tools available to import such a site into a self-hosted WordPress site later. Trust us, you’ll want to very soon.
<li style=”list-style-type: none; margin-top: 5px;”>Several options are available for self-hosted web hosting. If you decide to go with a self-hosted option, pick one that offers a true cPanel. And again: DO THE MATH.
<li style=”list-style-type: none; margin-top: 5px;”>(Side note: You will read the term “Shared Hosting” when you look for self-hosted space. That only means you will share server space with others. “Dedicated Hosting” on the other hand means you get extra special VIP care. At our level we typically don’t need that.)
<li style=”list-style-type: none; margin-top: 5px;”>Why cPanel?

<li style=”margin-top: 5px;”><span style=”font-weight: bold;”>cPanel offers a ton of free scripts and full control over your email, web statistics and more.</span> Other options like “Quick Install” that some hosts have gone to – Hostgator being one of them, are not a real alternative.
<li style=”margin-top: 5px;”>Do a Google search and see what comes up. Our favorites in the order we would pick them are
<li style=”list-style-type: none;”>
<li style=”list-style-type: disc; margin-top: 5px;”>Siteground: a solid hosting company, somewhat on the expensive side, but they have been around forever and offer a full cPanel
<li style=”list-style-type: disc;”>BlueHost: contender for second place, slightly less expensive than Siteground, also offer a full cPanel
<li style=”list-style-type: disc;”>FatCow: they are a real player if you plan to host three websites or more, otherwise they are very expensive

<span id=”bot-STEP2″ class=”collapseomatic colomat-close scroll-to-trigger”>[Click here to close]</span>
[/expand]

=========================

I basically start with Section 1 open. I scroll down. Then I click on Section 2, which triggers it to open and Section 1 to close. But instead of scrolling up to reveal the top of Section 2, the scroll bar of the browser remains in the same spot and everything just jumps up.

Try something a bit more simple:

[expand tag="h2" title="STEP 2" rel="steps-highlander" findme="auto" ID=”STEP2″]
...
<span id="bot-STEP2" class="collapseomatic colomat-close scroll-to-trigger">[Click here to close]</span>
[/expand]

The tag=”h2″ removes the need to add html to your title.
more on the findme attribute in the documentation
as well as a full demonstration of highlander grouping and the findme attribute.

Any joy on this issue?

not perfect but a lot better, thanks. it scrolls now to the top of the section, sort of.

it scrolls now to the top of the section

does section mean trigger, or something else?

sort of

…?

Issue marked as resolved.