Здравствуйте!
собственно сабж, не понимаю как нужно прописать CSS чтобы иконки появились..
вот мой CSS:
|
Код:
|
.arrnormal {background:url(images/arrow_normal.gif) 5% 50% no-repeat;z-index:1000;}
.arractive {background:url(images/arrow_active.gif) 5% 50% no-repeat;z-index:1000;}
.left_menu span {display:block;line-height:25px;width:250px;font-weight:bold;margin-bottom:3px;background:#ccc;z-index:200;}
.left_menu span a {display:block;width:217px;padding-left:33px;color:#fff;text-decoration:none;z-index:300;}
.left_menu span a:hover {text-decoration:underline;} |
вот HTML:
<div class="left_menu" id="accordion">
<span><a href="SITE.RU">ЗАГОЛОВОК</a></span>
<div>
<ul>
<li class="menu"><a href="SITE-CATEGORY-URL">item1</a></li>
<li class="menu"><a href="SITE-CATEGORY-URL">item1</a></li>
<li class="menu"><a href="SITE-CATEGORY-URL">item1</a></li>
<li class="menu"><a href="SITE-CATEGORY-URL">item1</a></li>
</ul>
</div>
................
</div>
вот jQuery:
$("#accordion").accordion({
header: "span",
icons: { 'header': 'arrnormal', 'headerSelected': 'arractive' },
autoHeight: false,
navigation: true,
active: false,
clearStyle: true,
collapsible: true
});
видимо я не так понял принцип появления этих иконок, думаю что идет addClass к классу span, может ошибаюсь...
Буду благодарен тем кто поможет!!!
