[jQuery] Pierwszy element nie reaguje na nadanie klasy Opcje

[nappy]

Cześć,

Po najechaniu wszystkie pozostale kolumny wygasaja, po kliknieciu aktualna kolumna rozszerza sie (po ponownym - zwija). Wszystko pieknie tylko nie dziala na 1 kolumnie. Czemu? Firebug pokazuje, ze klasa jest nadawana poprawnie. Jednak pierwsza kolumna nie przyjmuje zadnej wartosci z nadanej klasy, tak jakby byla ona pusta. Jakies pomysly? Pls help!

link:
http://janzielinski.eu/sample/

kod:

[HTML] pobierz, plaintext 
    <style type="text/css">
        body {width: 4000px;}
        div.wrapper {position: relative; width: 100%; height: 100%;}
        div.col {position: relative; float: left; width: 200px; height: 350px; background: #999; margin-right: 20px;}
        div.col+.wide {width: 700px;}
    </style>
[HTML] pobierz, plaintext 

Kod

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

                
$.fn.extendCol = function() {
    $('div.col').toggle(function(){
                        
            $(this).addClass('wide');
            
        }, function(){
            
            $(this).removeClass('wide');
            
        })
}



$('div.col').addClass('inactive');
$('div.col').mouseenter(function(){
            $(this).removeClass('inactive');
            $(this).addClass('active');
            $('.inactive').stop().animate({opacity: 0.4}, 200)
            });

            $('div.col+.active').extendCol();
    
        
$('div.col').mouseleave(function(){
        
            $('.inactive').stop().animate({opacity: 1}, 200)
            $(this).removeClass('active');
            $(this).addClass('inactive');        
            });
});

</script>

[HTML] pobierz, plaintext 
	<div class="wrapper">
		<div class="col">col 1</div>
		<div class="col">col 2</div>
		<div class="col">col 3</div>
		<div class="col">col 4</div>
	</div>
[HTML] pobierz, plaintext 

*bump*

Ten post edytował nappy 14.06.2010, 15:18:01