problem with a script, lost value
I have a problem with following script:
- var list = $('#podaryLista');
- if( list.length != 0 )
- {
- list.items = $('div.porada', list );
- list.show = function( no )
- {
- alert( no );
- // close all items;
- for( var i = 0; i < list.items.length; ++i )
- {
- var display = i == no ? 'block' : 'none';
- list.items[i].desc.css( 'display', display );
- list.items[i].side.css( 'display', display );
- }
- };
- // init;
- for( var i = 0; i < list.items.length; ++i )
- {
- var item = $(list.items[i]);
- item.no = i;
- item.list = list;
- item.desc = $( '#porada_'+ i +'_desc' );
- item.side = $( '#porada_'+ i +'_side' );
-
- item.click( function() {
- item.list.show( item.no );
- } );
- list.items[i] = item;
- }
- // show first item;
- list.show( 0 );
- }
which is used in following way:
- < div >
- < div class = "porada" >
- < h2 >< a href =" # " id = "porada_0" class = "poradaTitle" >Lorem ipsum 1</ a ></ h2 >
- < div id = "porada_0_desc" style = "clear: both; display: none" >< p >Lorem ipsum dolor sit...</ p ></div>
- </div>
- < div class = "porada" >
- < h2 >< a href =" # " id = "porada_1" class = "poradaTitle" >Lorem ipsum 2</ a ></ h2 >
- < div id = "porada_1_desc" style = "clear: both; display: none" >< p >Lorem ipsum dolor sit...</ p ></div>
- </div>
- </div>
And always whene i click a link which should expand information below it expand first one. Message from line 7 (js) is "0". Anywone knows why ??