Hi,

Got a bit of a weird one here, and not sure how to fix it :/

Basically - I'm using this code:


                                                                                
                <table width="100%">
                                                                                
                        <tr>
<!--                                                                            
                                <td align="center" class="trip_header" 
width="100%"
colspan="3"><a href="javascript: void(0);" onclick="jQuery
('#chichen_itza_plus').slideToggle()" style="color: white;">CHICHEN-
ITZA PLUS</a> (click for more information)</td>-->
                                                                                
                                <td align="center" class="trip_header" 
width="100%"
colspan="3"><a href="javascript: void(0);" onclick="jQuery
('#chichen_itza_plus').slideToggle()" style="color: white;">CHICHEN-
ITZA PLUS</a> (click for more information)</td>
                                                                                
                        </tr>
                                                                                
                </table>

                                                                                
                <div id="chichen_itza_plus"  style="display: none;">
                                                                                
                    content is here
                                                                                
                </div>

The problem is, as you can see here (click on one of the headers in
the main content area)

http://www.cancunandrivieramaya.com/new/chichen-itza.htm

...you will notice the main "container" div doesn't get any higher (so
all the content gets cut off after a certain point :/)

Anyone got any ideas how I can fix that?

TIA!

Andy

Reply via email to