Проблем с едно слайдче и jquery

macmen

Registered
Здравейте, пиша си слайд за новини, но нещо не сработва като хората ето го и него

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="jquery-1.6.1.min.js"></script>
        <script type="text/javascript">
            $(function(){
             
                var count = $("div#news").length;
                for (i = 1; i <= count; i++) {
                    $(".nav").append('<a href="javascript:void(0)" id="point" onclick="fun_show(\''+i+'\')" class="num_'+i+'"></a>');
                    if($('.news_id_'+i).hasClass('selector')){
                        var cl = $('.news_id_'+i).attr("class");
                        var ex = cl.split("_");
                        var active = ex[2].split(" ");
                        $('.num_'+active[0]).addClass('active');
                    }
                }
            });
            function fun_show(id){
                var divnews = $("div#news");
                var pos = $('.news_id_'+id).position();
                $('.news_id_'+id).animate({'top' : -pos.top}, 1000);
                divnews.removeClass("selector");
                $("div.nav a#point").removeClass("active");
                $('.num_'+id).addClass("active");
                $('.news_id_'+id).addClass("selector");
         
            }
          
        </script>
        <style type="text/css">
            body {
                width: 960px;
                margin: 0 auto;
            }
            #news {
                width: 100%;
                text-align: left;
                display: block;
                background: #ffff33;
                margin: 10px auto;
                padding: 5px;
                position: relative;
            }
            #body_news{
                width: 300px;
                height: 225px;
                overflow: hidden;
                margin: 0 auto;
            }
            .nav {
                float: right;
                margin: 0 321px 0 0;
                width: auto;
            }
            #point{
                width: 10px;
                height: 10px;
                display: block;
                float: left;
                margin: 0 10px 0 0;
                background: red;
            }
            #point:hover,#point.active {
                background: #660000;
            }
        </style>
    </head>

    <body>
        <div id="body_news" >
            <div id="news" class="news_id_1 selector">
                Пеев посочва, че в началото на 2005г. НЕК е сключила договор с „Парсънс Иендси Юръп Лимитед" за консултантска помощ, като договореното заплащане е било в размер на 16 884 885 евро, но до 30 юни 2009г. компанията е получила 69 781 382 евро. От доклада на одитора става ясно, че през 2006г. консултантите са искали отсрочка, тъй като не са оценили истинската сложност на проекта.
            </div>
            <div id="news" class="news_id_2">
                „Действията на представителите на НЕК ЕАД показват, че вместо да настояват за спазване на първоначално договорените графици, са се съгласили с предлаганите отсрочки по изпълнение на проекта, което в резултат е довело до загуби за НЕК от забавяне реализацията на проекта", отбелязва Пеев, който допълва, че само за последния месец от работата на архитект-инженера е било надплатено със 174 000 евро.
            </div>
            <div id="news" class="news_id_3">
                Български учени са разработили балистична защита за хеликоптерите „Кугър", стана ясно при откриването на изложба на български изделия за отбраната в Института по металознание на БАН.
            </div>
            <div id="news" class="news_id_4">
                Воденичаров поясни още, че французите са предвидили такава балистична защита на хеликоптерите, но закупените от нас са без тази защита.
            </div>
        </div>
        <div class="nav"></div>
    </body>
</html>
може ли да ми кажете къде е грешката

Благодаря предварително
 
Това, което видях на пръв поглед е, че имаш еднакви id-та... ID-то на елементите ти винаги трябва да е уникално, а класа може да се повтаря ;)
 

Back
Горе