StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHide one div, unhide another div, scroll to the new unhidden div
text
Body
copied!<p>I have a function <code>closeGeneralHelp</code> which takes one parameter: <code>idtag</code>. The function is supposed to do the following: </p> <p>a) <code>slideUp</code> the "Help" div, b) <code>slideDown</code> a set of divs and then c) scroll, jump, or otherwise go to a specific (but dynamically determined) other div of the set of divs that were exposed via the <code>slideDown</code>.</p> <p>I have two classes of divs ("DivsToShow" and "DivToHide"). "DivsToShow" has a few other divs contained in it and each of those divs has a unique <code>id</code> (this is what <code>idtag</code> is).</p> <p>Parts (a) and (b) work just fine. Scrolling to the specific (but dynamically determined) div seems to fail no matter what I try. Here is the code. Each /* */ comment block represents a separate, but failed (and flailing) attempt at making this work.</p> <p>Any help on getting (c) to work? I am a JavaScript / jQuery infant. So any reasonably related advice / pointers are also appreciated.</p> <pre><code>function closeGeneralHelp(idtag){ $(".DivsToShow").slideDown("slow"); $(".DivToHide").slideUp("slow"); /* var divid = document.getElementById(idtag); divid.style.display = 'block'; divid.scrollIntoView(true); */ /* document.getElementById(idtag).scrollIntoView();*/ /* $(window).scrollTo(idtag,800,{queue:true});*/ /* window.location.hash = idtag;*/ /* window.setTimeout(function() {window.scroll(0, findPos(idtag));}, 5);*/ } </code></pre> <p>Thank you!</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload