collapsing and expanding list

[elassol]

Hi I’m tring to make a collapsing and expanding list in JQuery and so far looks like is working without problems, I just have a little issue, I want the all list expand when you load the page, my problem is when you click to collapse one of the list items all of them collapse… any idea why is happening? Thanks, in advance ;)

Sector



Agency (527)


Client Side / In-house (527)










Role



Senior Management / CEO (19)


Management/Mid – Level  (19)


Junior / Exec Level  (19)


Graduate / Entry Level   (19)


Consultant  (19)








Specialism



	FMCG (189)


B2B  (19)


B2C  (19)


Digital(189)


Retail   (19)








Location



Greater London (19)


North West England  (19)


South West England (19)


West Midlands (62)


East of England (24)


East Midlands (31)


Yorkshire and Humber (15)


Asia (61)


Other International (7)


more... (7)
























/*

filters list

*/





.filter-list {

padding-left: 0;

margin-left: 15px;

margin-bottom:18px;

margin-top: 18px;

width: 100%;

}



.filter-list ul {

margin-top: 4px;

}





.filter-list li

{

list-style: none;

margin: 0;

padding-bottom:4px;

margin-left: 5px;

margin-bottom: 5px;

color: #333;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

line-height: 140%;

font-weight: bold;





}



.filter-list li  a {

text-decoration: none;

color: #4f9ad8;

font-size: 11px;



}



.filter-list li  a:hover {

text-decoration: none;

color:#9ad2f2;

}



.curent_sublist_open {

background-image: url(../images/bullet_link2.gif);

background-repeat: no-repeat;

background-position: 0 .3em;

padding-left: 12px;

}

.curent_sublist_close {

background-image: url(../images/bullet_link.gif);

background-repeat: no-repeat;

background-position: 0 .3em;

padding-left: 12px;

}



.filter-list li li

{



margin: 0;

font-size: 11px;

font-weight: normal;

padding-bottom:4px;

color: #666;



}



.filter-list li li a {

text-decoration: none;

color: #4f9ad8;

font-weight: lighter;



background-image:none

}

.filter-list li li a:hover {

text-decoration: none;

color:#9ad2f2;

font-weight: lighter;

}





.filter-list .currentleft {





}



.filter-list .currentleft a {





}



.filter-list .currentleft a:hover  {



}

[KarimCossutti]

Please use jsFiddle →

[Author]

Posts