Rozwijana lista <ul>

0

witam,
szukam następującego rozwiązania - jest lista z kilkoma pozycjami (klasa zawsze), po kliknięciu na link pojawiają się dodatkowo pozycje z klasy rozwijane.
przetestowałem sporo gotowych skryptów, nie spełniały moich oczekiwań.
Czy ktoś może zasugerować jakieś rozwiązanie?

<ul>
	<li class="zawsze">tekst1</li>
	<li class="zawsze">tekst1</li>
	<li class="zawsze">tekst1</li>
	<li class="rozwijane">tekst1</li>
	<li class="rozwijane">tekst1</li>
	<li class="rozwijane">tekst1</li>
</ul>
<a href="#">zobacz więcej/ zwiń</a>
0

Ja używałem tego: http://www.kurshtml.edu.pl/skrypty/menu_rozwijane.html

0

Tak, już ten skrypt przerabiałem. Jest tam użyta lista definicyjna (wolałbym listę wypunktowaną). poza tym nie ma opcji żeby część pozycji wyświetlała się zawsze.

0 
$('ul>li.rozwijane').show()
$('ul>li.rozwijane').hide()
0

ok, udało mi się znaleźć rozwiązanie:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
<meta http-equiv="Content-Language" content="pl" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
.czasami{
display:none;
}
</style>
<title>Test</title>
<head>
</head>
<body>

<ul>
	<li class="zawsze">jeden</li>
	<li class="zawsze">dwa</li>
	<li class="zawsze">jsdf</li>
	<li class="czasami">jsssss</li>
	<li class="czasami">jdddddd</li>
	<li class="czasami">jbbbbbbbb</li>
</ul>
<a id="show_slide_menu" href="#">Kliknij</a>

<script>
    $("#show_slide_menu").click(function () {
      $(".czasami").slideToggle("slow");
    });
</script>

</body>
</html>

czasami jednak warto napisać coś samemu :) okazało się że nie było to jakieś mega skomplikowane.
pozdrawiam.

1 użytkowników online, w tym zalogowanych: 0, gości: 1