[Malleys]

<script>
window.onload = setPlusIcon;
function setPlusIcon() {
	var listItems = document.getElementsByTagName("li");
	for(var i = 0, item, list; i < listItems.length; i++){
		item = listItems[i];

     list = item.getElementsByTagName('ul');
     if(list && list.length != 0)
       item.style.listStyleImage = 'url("http://wiki.gigaspaces.com/wiki/images/icons/tree_plus.gif")';
     else
			item.style.listStyleImage = 'url("http://girlshostelskota.com/IMAGES/IMG/dot.gif")';
	}
}

</script>
<ul class="expandable">
		<li>
			<a href="#">Книги</a>
			<ul class="expandable">
				<li>
					<a href="#">Отечественные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
				<li>
					<a href="#">Зарубежные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
			</ul>
		</li>
 		<li>
			<a href="#">DVD</a>
			<ul class="expandable">
				<li>
					<a href="#">Отечественные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
				<li>
					<a href="#">Зарубежные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>

поменять иконки в списке на + если в нем есть подпункты и на т "." если там нет подпунктов

Это и есть решение