Forum PHP.pl

[HTML] pobierz, plaintext 
<script>
    $(document).ready(function() {
	$( "#leftmenu" ).accordion(
	{ autoHeight: false },
	{ animated: 'slide' },
	{ header: 'h1' });	
	});
	</script>
<h1 class="akademia"></h1>
		<div id="akademia">
		<ul class="undermenu">
		<li><a href="">Aktualności</a></li>
		<li><a href="">Kadra trenerska</a></li>
		<li><a href="">Historia</a></li>
		<li><a href="">Galeria</a></li>
		</ul>
		</div>
		<h1 class="nabor"></h1>
		<div id="nabor">
		<ul class="undermenu">
		<li>Informacje</li>
		<li class="active">Regulamin</li>
		<li>Zgłoszenie</li>
		</ul>
		</div>
[HTML] pobierz, plaintext 

W jaki sposób zrobić tak, by otwarty blok accordion był ten, w którym znajduje się li z klasą 'active'? Wiem, że trzeba użyć instrukcji warunkowej z 'hasClass' a potem ustawić parametr 'active'. Nijak niestety nie potrafię skleić i wstawić ifa w dotychczasowy fragment..

Dzięki za pomoc. Niestety to nie zadziała. Accordion musi obejmować wszystkie ul i wszystkie h1. Zerknij sobie tutaj: http://jqueryui.com/demos/accordion/ + Options -> Active to zobaczysz jak to działa. Potrzeba zrobić instrukcję warunkową. W moim mniemaniu tak to powinno wyglądać:

jak tylko napisać i wpleść tą instrukcję poprawnie?

Ten post edytował evolucja 6.05.2011, 12:23:58

Dzieki za przykład , teraz już wiem

[JAVASCRIPT] pobierz, plaintext 
$( "#accordion" ).accordion({ active: 0 });
[JAVASCRIPT] pobierz, plaintext 

Tym startujesz a zamiast 0 musisz wstawić numer który ma być otwarty ( 0 to jest pierwszy , 1 to jest drugi itd...) niema tam opisanego rozwiązania z numerem klasy.. tyle ci mogę pomóc. BTW : nie wydaję mi się żeby ustawiało klasę (active) ... ustawia option na mój gust.

EDIT :
Głupi jestem że na to niewpadłem...

[JAVASCRIPT] pobierz, plaintext 
$( ".active" ).click();
[JAVASCRIPT] pobierz, plaintext 

Jeśli kliknięcie na li z active otwierało... to już masz otwarte po załadowaniu strony (IMG:style_emoticons/default/biggrin.gif) (wklej pod wywołaniem accordiona , nie w środku)

Działa, jednak przy ładowaniu strony widać efekt zmiany zakładki z pierwszej na drugą. Nieciekawie to wygląda.

Z tego co widzę można zmieniać parametry accordiona poprzez funkcję:

Niestety przy tym też występuje ten efekt zmiany zakładki.

Czy dało by się aktywować accordiona dopiero po zmianie tego parametru? Musi być jakaś opcja by ustawić tą aktywną zakładkę (IMG:style_emoticons/default/smile.gif)

A no.. tak teraz spojrzałem.. przecież to takie proste...

[JAVASCRIPT] pobierz, plaintext 
	$(function() {
		$( "#leftmenu" ).accordion({
     autoHeight: false ,
     animated: 'slide',
     header: 'h1' ,
     active : 1});
[JAVASCRIPT] pobierz, plaintext 

No i co mi to daje? (IMG:style_emoticons/default/smile.gif) Ustawia domyślnie aktywny blok numer 1. Ja potrzebuję warunku, który sprawdzi czy występuje klasa .active i jeśli tak to odpowiednio wpisze active : 0 lub 1.

Już teraz dziękuję ci za twoją pomoc.

Edit:
poradziłem sobie w ten sposó:

[JAVASCRIPT] pobierz, plaintext 
	<script>
    $(document).ready(function() {
	if($( "div#nabor").children().children().hasClass('active')) {
	$( "#leftmenu" )
		.accordion({
	 autoHeight: false ,
	 active : 1,
	 animated: 'slide',
	 header: 'h1' });
	} else {
		$( "#leftmenu" )
		.accordion({
	 autoHeight: false ,
	 active : 0,
	 animated: 'slide',
	 header: 'h1' });
	}
	});	
	</script>
[JAVASCRIPT] pobierz, plaintext 

Zapewne jest możliwość zrobienia tego prościej. Gdyby ktoś miał jakiś pomysł proszę pisać (IMG:style_emoticons/default/smile.gif)

Ten post edytował evolucja 7.05.2011, 11:05:10

Dziękuję. (IMG:style_emoticons/default/smile.gif)