Ah right, I see what you're getting at. Your original idea should have worked fine then - dunno why it didn't work for you.
I copied your page and did a quick test. It seems to work ok: http://lazydragon.dreamhosters.com/test.html BTW, if you use the toggle function rather than show/hide, you can use just one onclick function. e.g. change the link id's to class="slick-toggle" then change the javascript to: $(document).ready(function() { $(".slick-toggle").click( function() { $("#slickbox").toggle(); }); }); BTW(2), there's a really neat ScrollToAnchor function available in the Interface plugins for jQuery. http://interface.eyecon.ro/docs/fx Bruce-32 wrote: > > Umm, > thanks for answering! Appreciated. > I tried yours: > http://www.bkdesign.ca/ee2/index.php/blog/test-show/ > > Yours works because thats all there is on the page. > On the above (I copied yours) ;), it leaves one at the bottom of the page > having to scroll back up... > > Bruce P > bkdesign > >>Yansky wrote: > >> When you hide the div, the container/parent element should contract >> automatically. >> e.g. http://lazydragon.dreamhosters.com/test.html > >> Bruce-32 wrote: >>> >>> I'm just learning, or trying to. >>> I searched for this and thought the below would work. >>> What I'm trying to do is if a show hide is being used and the dropdown >>> is >>> long, using the hide function leaves the user way down the page and >>> having >>> to scroll back up looking for where they were. >>> I tried name but it didn't work? >>> >>> <p> >>> # Show the box </p> >>> >>> <div id="slickbox" style="background: #eee; border: 1px solid #900; >>> height: >>> 135px;"> >>> <p>This is the box that will be shown and hidden and toggled at your >>> whim. >>> It has inline styles, which typically is a bad thing, but for the sake >>> of >>> our demonstration, we'll let it slide, right? >>> Lots more text here... >>> #return Hide the box >>> </div> >>> >>> Can this be done where close goes back up? >>> >>> Thanks >>> >>> Bruce Prochnau >>> BKDesign Solutions >>> >>> >>> >>> _______________________________________________ >>> jQuery mailing list >>> discuss@jquery.com >>> http://jquery.com/discuss/ >>> >>> >> >> -- >> View this message in context: >> http://www.nabble.com/Show-hide-return-tf3381196.html#a9411815 >> Sent from the JQuery mailing list archive at Nabble.com. >> >> >> _______________________________________________ >> jQuery mailing list >> discuss@jquery.com >> http://jquery.com/discuss/ >> >> > > > > _______________________________________________ > jQuery mailing list > discuss@jquery.com > http://jquery.com/discuss/ > > -- View this message in context: http://www.nabble.com/Show-hide-return-tf3381196.html#a9413277 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
