Tabs without jQuery UI

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

        <section class="content">
                <div class="ui-tabs">
                        <div id='proy-menu' class='tabs'>
                                <ul class="tabs-nav">
                                        <li ><a href="#descripcion" id="descripcionlink">Descripción</a></li>
                                        <li ><a href="#ubicacion" id="ubicacionlink">Ubicación</a></li>
                                </ul>
                        </div>

                        <div id='proy-cont' class='tabs-contentido'>

                                <div id='descripcion' class='contenido'>
                                        <?php echo '<div class="descr">'.get('descripcion_info').'</div>'; ?>
                                </div>

                                <div id='ubicacion' class='contenido'>

                                        <?php
                                                flexmap_show_map(array(
                                                        'center' => get('ubicacion_latitud').','.get('ubicacion_longitud'),
                                                        'width' => 580,
                                                        'height' => 400,
                                                        'zoom' => 16,
                                                        'title' => get('descripcion_nombre'),
                                                        'description' => get('descripcion_ubicacion'),
                                                        'directions' => 'false',
                                                        'hidepanning' => 'false',
                                                        'hidescale' => 'false',
                                                        'maptype' => 'roadmap',
                                                ));
                                        ?>
                                </div>
                        </div>
                </div>
        </section>

        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
        //Tabs General
        $(document).ready(function() {
                //add active class to the first li
                $('.tabs-nav li:first').addClass('active');
            //hide all content classes.
            $('.contenido').hide();
            //show only first div content
            $('.contenido:first').show();
            //add the click function
            $('.tabs-nav li').click(function(){
                //remove active class from previous li
                $('.tabs-nav li').removeClass('active');
                //add active class to the active li.
                $(this).addClass('active');
                //hide all content classes
                $(".contenido").hide();
                //find the href attribute of the active tab
                var activeTab = $(this).find("a").attr("href");
                //fade in the content of active tab
                $(activeTab).fadeIn(700);
                return false;
            });
        });
        </script>

        <script>

                jQuery(function($) {
                        $('div.ui-tabs').bind('click', function(event, ui) {
                            $("div.flxmap-container").each(function() {
                                var flxmap = window[this.getAttribute("data-flxmap")],
                                flxmap.redrawOnce();
                            });
                        });
                });

        </script>

</article>