1
00:00:00,500 --> 00:00:07,290
The slide up method allows us to slide an element up rather than down in order to achieve this effect.

2
00:00:07,290 --> 00:00:14,750
We can make a few minor adjustments to the script we created in the last lesson just change the slide

3
00:00:14,810 --> 00:00:16,610
down action to slide up

4
00:00:21,370 --> 00:00:27,640
and also remove the display none prop. In the panel style rule

5
00:00:31,620 --> 00:00:38,690
so this way The panel will be visible when the page initially loads now save your file and preview this

6
00:00:38,690 --> 00:00:40,760
in your web browser to see the result.

7
00:00:43,540 --> 00:00:51,890
So now we can see that on page load the panel is visible and when we click the View panel div it slides

8
00:00:51,920 --> 00:00:53,990
up rather than down.