Dear Joel, Thanks for your answer. I got it working! It rocks!! Now
some css-ing, I'll send you the result when it's done! Thanks!!
On 1 okt, 07:21, "Joel Birch" <[EMAIL PROTECTED]> wrote:
> I replied to your initial duplicate post but maybe you are tracking
> this one instead? Here is my post again:
>
> Welcome to the list Maurice,
>
> I tested this and it works:
>
> $(function(){
> var $holder = $('#sometextholder');
> $('li').each(function(){
> var $$ = $(this);
> var $a = $$.find('a');
> var text = $$.text();
> $$.html($a);
> $a.hover(
> function(){
> $holder.append(text);
> },
> function(){
> $holder.empty();
> }
> );
> });
>
> });
>
> And here is a fully commented version of this same script:
>
> $(function(){
> //get and store the holder div
> var $holder = $('#sometextholder');
>
> // loop through the li elements. You will want to apply
> // more context to the selector than this though
> $('li').each(function(){
> // store various bits of the DOM you will need later
> var $$ = $(this); // this li
> var $a = $$.find('a'); // the link in the li
> var text = $$.text(); // the full text in the li
> // make li contain only the link
> $$.html($a);
> // apply hover behaviour
> $a.hover(
> // mouseover
> function(){
> $holder.append(text); // append this
> li's original text
> },
> // mouseout
> function(){
> $holder.empty(); // empty the holder
> }
> );
> });
>
> });
>
> Good luck.
>
> Joel Birch.
