Wysokosc dynamicznych podstron

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 -->

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;

            

        });

        

        

    });