not sure if this is javascript or php, so i am putting it here

[saltedm8]

it works pretty cool, thanks, but will it validate if all i am doing is calling the script ?

and no, i have another scroll script that will pull the content up when a button is clicked

[Aso]

Originally Posted by saltedm8

it works pretty cool, thanks, but will it validate if all i am doing is calling the script ?

Everything should validate find - the only reason my example doesn't is that the script should really be in an external file.

Originally Posted by saltedm8

and no, i have another scroll script that will pull the content up when a button is clicked

Still, if the total is under 16k, and the JS is pretty basic, it'll still be lighter than a library like jQuery.

[saltedm8]

looks fine for size, i just need to work out how to integrate it with that scipt and only have it work once ( when the main menu is clicked )

unless you think i should make another menu on the same page, so it pulls down to the new menu and use your script on that ?

thinking about it, if it is already scrolled down, i just would not work anyway would it ?

[Aso]

Have you got a demo of the other script your using?

[saltedm8]

there is one online, nothing to do with me

http://www.kryogenix.org/code/browser/smoothscroll/#p3

[moojoo]

Coudln't this be done easily with jQuery's Min lib? the jQuery-min is onl ly 14kb.. And oh so cool. Or am I missing the point?

[saltedm8]

i dont know, lol, what is it and what does it do ?

[CloudedVision]

It's the compressed version of JQuery. I think its gzipped also. Hmmmm.... How are you supposed to use that?

[moojoo]

This is a tad bloated but works.

Code: Select all

$(document).ready(function() {
        // hides the slickbox as soon as the DOM is ready
        // (a little sooner than page load)
          $('#slickbox').hide();
          $('a#slick-hide').hide();
          $('a#slick-show').append('Show Lisas Photo');
        // shows the slickbox on clicking the noted link
        $('a#slick-show').click(function() {
            $('#slickbox').fadeIn(2000);
            $('a#slick-show').hide();
            $("a#slick-hide").show();
            $('a#slick-hide').text('Hide Lisas Photo');
            return false;
        });
 // hides the slickbox on clicking the noted link
  $('a#slick-hide').click(function() {
    $('#slickbox').fadeOut(2000);
    $('a#slick-show').show();
    $("a#slick-hide").hide();
    $('a#slick-show').text('Show Lisas Photo');
    return false;
  });
 // toggles the slickbox on clicking the noted link
  $('a#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });
});