You need to have two elements, one of which is hidden. i.e.

<div id="first">I'm the start of the content and</div>
<div id="second">I'm the end of it</div>

and then show the second one.

On Sun, Nov 29, 2009 at 11:37 PM, Deepali <[email protected]> wrote:

> Hello,
>
> We have lots of hide/show div content plug ins. But can we show some
> content initially and then on clicks of the button or link we can show
> the rest of the content of that particular div?
>
> Here is code which i was trying-
>
> <script type="text/javascript">
>                window.addEvent('domready', function(){
>                        //-vertical
>
>                        var mySlide = new Fx.Slide('v-menu2');
>                        mySlide.hide();
>                        $('toggle').addEvent('click', function(e){
>                                e = new Event(e);
>                                mySlide.toggle();
>                                e.stop();
>                        });
>
>                });
>        </script>
>
> </head>
>
> <body>
>
> <a href="#" id="toggle" ><span>Click Here</span></a>
> <div style="clear:both">
>
>
> <div id="v-menu2">Show me before someone clicks on the link.
> <br/>
> <br/>
> Now Show the complete div content
> </div>
>
> Thanks in advance.
>
>

Reply via email to