CODEWITHSUNDEEP
jquerycssmenu
user1448093
user1448093

Reputation: 157

jquery menu accordion styling issue

I posted the code into a jsfiddle: http://jsfiddle.net/kLNXa/, basically i want the whole menu to be a block ie if you expand level 1, i don't want there to be a 15px gap to the left of level 2 with level 2 still remaining indented. (the white space filled in with red and the two black borders: what is currently is:

what i want it to look like:

on my website however, instead of colours there is a dynamic background image ie:

so im not sure if classing the indent each time would work...

and the actual menu with the background image: http://couch.betelnutmedia.com

Upvotes: 2

Views: 303

Answers (1)

GajendraSinghParihar
GajendraSinghParihar

Reputation: 9131

Try this fiddle

I have just added this code to your css bottom

// Added Code
    .accordion li{ padding-left:0px;} 
.accordion li a{padding-left:15px; display:block } 
.accordion li ul li a{padding-left:30px;background-position:15px 50% !important;} 
.accordion li ul li ul li a {padding-left: 45px; background-position:30px 50% !important;} 
.accordion li ul li ul li ul li a {padding-left: 60px; background-position:45px 50% !important;}

​

but if you have dynamic/variable level then you should go for jQuery

Upvotes: 1

Related Questions