[JavaScript][jquery] problem z list-style-image Opcje

[drzonkins]

Mam problem z list-style-image, otóż:
Na stronie wyświetlam listę linków do artykułów (kilkadziesiąt). Z tego chcę wyświetlić na stronie tylko 20 z nich a resztę ukryć. Po kliknięciu w "pokaż/ukryj więcej" pojawiają się ukryte linki, lub gdy są na widoczne to się chowają. Kod ogólnie działa dobrze. Problemem jest list-style-image, które nadaje liście w arkuszu css. Linki nie ukryte mają ten obrazek jako wypunktowanie, a linki ukryte już nie mają.
Kod wygląda tak:

[HTML] pobierz, plaintext 
<ul class="artykuly">
 
<li>widoczny link</li>
<li>2 widoczny link<li>
<!--Tak do 20-->
<a id="showhiddenart">pokaz/ukryj pozostale</a>
 
<li class="hiddenart">ukryte linki<li>
<!--i tak do ostatniego linku-->
</ul>
[HTML] pobierz, plaintext 

Do tego mam kod js

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
	$('.hiddenart').hide();
 
	$('#showhiddenart').click(function(){
	$('.hiddenart').slideToggle(1000);
	});
 
 
});
</script>
[HTML] pobierz, plaintext 

Jeśli wiecie jak rozwiązać ten problem to prosiłbym o poradę.

Ten post edytował drzonkins 25.06.2010, 09:07:54

[erix]

Spotykam się często z opinią, aby obrazki w listach wstawiać jednak jako background-image dla elementów, a nie przez list-style-image dla samej listy.

A jeśli chodzi o Twój problem, nie dałeś przykładu live; może masz coś z przeglądarką zepsute, etc.

Mimo wszystko, radziłbym jednak skorzystać z tła dla elementów.