How to preview custom page in magento for mouseover?

Question

I have a custom page named mywallet.phtml. I have a button named named mywallet. I want to preview the custom page when i hover the mouse on mywallet. What do i need to do? I am new to magento. thanks This is my code for the button

          <li  <?php echo strpos($magentoCurrentUrl,'mywallet')? "class=current":"";?>>         
                <?php if(strpos($magentoCurrentUrl,'mywallet')){ ?>     
                    <strong><?php echo $helper->__('My Wallet') ?></strong> 
                    <?php }                 
                    else{ ?>                    
                        <a href="<?php echo $this->getUrl('marketplace/marketplaceaccount/mywallet'); ?>">
                            <?php echo $helper->__('My Wallet') ?>
                        </a>                        
                    <?php } ?>          
                </li>

Answer 1

Here is what you can do

1. Call this .phtml file to display html as usual using layouts and xml
2. hide this html initially by setting visibility hidden call main container div as 'mywalletcontentdiv'

3. add using css class to this div

   .hidden{ visibility: hidden;

4. Write jquery/javascript to display

   $("#mywallet").hover(function(){
       $('#mywalletcontentdiv').removeClass('hidden');
   },function(){
       $('#mywalletcontentdiv').addClass('hidden');
   });
   

Hope this helps!!!