Wysokosc dynamicznych podstron

[Labsta.com]

No to źle Cię zrozumiałem.
Mam coś takiego (wklejam kod jak leci):

Kod:

<div id="wazne" class="p300">
                    
                    
                    <ul id="waznemenu">
                        <li><a href="#wazne1">Dziś</a></li>
                        <li><a href="#wazne2">Wczoraj</a></li>
                        <li><a href="#wazne3">Przedwczoraj</a></li>
                    </ul>
                    
                    
                    <div id="waznacont">
                        
                        <ul class="wazneslide boxul" id="wazne1">
                            <li><a href="#">DZIŚ At vero eos et accusamus et iusto odio dignissimos.</a></li>
                            <li><a href="#">Et harum quidem rerum facilis est et expedita distinctio.</a></li>
                            <li><a href="#">Itaque earum rerum hic tenetur taque earum rerum hic tenetur taque earum rerum hic tenetur.</a></li>
                            <li><a href="#">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus.</a></li>
                        </ul>
                        
                        <ul class="wazneslide boxul" id="wazne2">
                            <li><a href="#">WCZORAJ At vero eos et accusamus et iusto odio dignissimos.</a></li>
                            <li><a href="#">Et harum quidem rerum facilis est et expedita distinctio.</a></li>
                            <li><a href="#">Itaque earum rerum hic tenetur.</a></li>
                            <li><a href="#">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus.</a></li>
                        </ul>
                        
                        <ul class="wazneslide boxul" id="wazne3">
                            <li><a href="#">PRZEDWCZORAJ At vero eos et accusamus et iusto odio dignissimos.</a></li>
                            <li><a href="#">Etum facilis est et expedita distinctio.</a></li>
                            <li><a href="#">Itaque earum rerum rerum hic tenetur.</a></li>
                            <li><a href="#">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus.</a></li>
                        </ul>                        
                        
                    </div><!-- koniec waznacont -->
                    
                    
                </div><!-- koniec wazne -->

a w js (jQuery)

Kod:

    // funkcja tabów dziś wczoraj przedwczoraj
    $(function() {
        
        $("ul.wazneslide").css("float", "left");
        
        $("#waznemenu a[href='#wazne1']").addClass("active");
        
        
        
        $("#waznemenu a").click(function () {  
            
            $(".active").removeClass("active");
            $(this).addClass("active");
            
            //this.hash czyli to co znajduje się po # w linku
            $(".wazneslide").animate({opacity: 'hide'}, "fast").filter(this.hash).animate({opacity: 'show'}, "slow");
            
            return false;
            
        });
        
        
    });

---

Działanie js polaga na:
-dodanie floatów (żeby tacy co nie mają js też widzieli, ale jeden pod drugim)
-zaznaczenia pierwszego przycisku menu klasą active
-po kliknięciu na menu:
--usuwam klasę active
--dodaję klasę active dla klikniętego elementu menu
--chowam wszystkie elementy, odfiltrowując ten który ma w id nazwę zgodną z klikniętym linkiem z menu i ten element ma opacity: 'show'
--na koniec blokuje przejście do klikniętego linku (return false)
Wiem, że sposób nie jest elegancki ale działa.