Non apre la seconda slide

[dani_ajl]

Ciao, io ho questo codice HTML:

<div class="testo_title_portfolio">
        	<h1>Sito Fotomodella</h1>
        </div>

<div class="testo_title_portfolio_1">
        	<h1>Sito Venditore LR</h1>

<div class="testo_pagina_portfolio">
    


    	<div id="slides">
				<div class="slides_container">
					<div class="slide">
						[img]img/big/Jey_1.jpg[/img]
						<div class="caption" style="bottom:0">
							

Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato
Tempo di realizzazione impiegato: 10 giorni</p>
						</div>
					</div>
                    <div class="slide">
						[img]img/big/Jey_2.jpg[/img]
						<div class="caption" style="bottom:0">
							

Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato
Tempo di realizzazione impiegato: 10 giorni</p>
						</div>
					</div>
                    <div class="slide">
						[img]img/big/Jey_3.jpg[/img]
						<div class="caption" style="bottom:0">
							

Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato
Tempo di realizzazione impiegato: 10 giorni</p>
						</div>
					</div>
                    <div class="slide">
						[img]img/big/Jey_4.jpg[/img]
						<div class="caption" style="bottom:0">
							

Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato
Tempo di realizzazione impiegato: 10 giorni</p>
						</div>
					</div>
				</div>
				[img]img/arrow-prev.png[/img]
				[img]img/arrow-next.png[/img]
			</div>
    </p>
    </div>
    
    <div class="testo_pagina_portfolio_1">
    	<div id="slides">
				<div class="slides_container">
					<div class="slide">
						[img]img/big/Jey_1.jpg[/img]
						<div class="caption" style="bottom:0">
							

Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato
Tempo di realizzazione impiegato: 10 giorni</p>
						</div>
					</div>
                    <div class="slide">
						[img]img/big/Jey_2.jpg[/img]
						<div class="caption" style="bottom:0">
							

Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato
Tempo di realizzazione impiegato: 10 giorni</p>
						</div>
					</div>
                    <div class="slide">
						[img]img/big/Jey_3.jpg[/img]
						<div class="caption" style="bottom:0">
							

Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato
Tempo di realizzazione impiegato: 10 giorni</p>
						</div>
					</div>
                    <div class="slide">
						[img]img/big/Jey_4.jpg[/img]
						<div class="caption" style="bottom:0">
							

Sito in flash - HTML 5 - PHP 5 - Javascript - Design personalizzato
Tempo di realizzazione impiegato: 10 giorni</p>
						</div>
					</div>
				</div>
				[img]img/arrow-prev.png[/img]
				[img]img/arrow-next.png[/img]
			</div>
    </div>

E questo codice Jquery:

function link1()
{
	if($link2==1)
	{
		$(".testo_pagina_portfolio_1").fadeOut(800);
		setTimeout(function(){$(".testo_pagina_portfolio_1").css("display", "none")}, 801);
		$link2=0;
	}
	setTimeout(function(){$(".testo_pagina_portfolio").fadeIn(800)}, 810);
	$link1=1;
}

function link2()
{
	if($link1==1)
	{
		$(".testo_pagina_portfolio").fadeOut(800);
		setTimeout(function(){$(".testo_pagina_portfolio").css("display", "none")}, 801);
		$link1=0;
	}
	setTimeout(function(){$(".testo_pagina_portfolio_1").fadeIn(800)}, 810);
	$link2=1;
}

In poche parole: quando clicco su "sito fotomodella", parte la funzione link1(), che mi fa fadeout della div con classe "testo_pagina_portfolio_1" e il fadein del div con classe "testo_pagina_portfolio".
Al contrario, cliccando su Sito venditore LR, parte la funzione link2(), che mi fa fadeout del div con classe "testo_pagina_portfolio" e il fadein del div con classe "testo_pagina_portfolio_1".

Il problema pero è questo. Sia il fadeout che il fadein della classe "testo_pagina_portfolio_1" non funzionano. O meglio, funziona solo se all'interno del div "testo_pagina_portfolio_1" inserisco del testo. Se inserisco tutto il codice sopra, funziona solo questa parte di codice ([img]img/arrow-prev.png[/img][img]img/arrow-next.png[/img]). In pratica, le ultime righe funzionano sia con il fadein che con il fadeout, ma tutto il resto (cioè quello dentro al div con classe "slides_container" non funziona.

PS: solo per quanto riguarda il div con classe "testo_pagina_portfolio_1". L'altro div con classe "testo_pagina_portfolio" funziona perfettamente sia in fadein che in fadeout.

Grazie

[Vincent.Zeno]

per favore raccogli il codice postato all'interno del tag [CODE][/CODE]
poi sposto in javascript

[dani_ajl]

Non spostare in javascript perchè come scritto, è un problema HTML, o al massimo CSS (id o class). Non di certo Jquery/javascript.

Se metto tutto nei tag [code] il codice diventa ancora più incomprensibile, visto che lo mette tutto sulla stessa riga.

[Vincent.Zeno]

ho corretto io...
non necessariamente devi usare il promp incollandoci il codice dentro,
inoltre c'è anche la modalità avanzata per il codice VB.

non è un problema di marcatura in se, ne di stile.
ma di funzionamento (come hai detto tu)
quindi sposto

[dani_ajl]

Si ma come ti ho detto il codice Jquery funziona perfettamente. E credo anche di aver trovato il problema.

C'è il CSS:

.slides_container {
width:390px;
overflow:hidden;
position:relative;
display:none;
}

Se tolgo diplay:none mi appaio 4 immagini una sopra l'altra. Il problema è questo.
Con il display:none nel secondo div (quello con classe "testo_pagina_portfolio_1"), tutto il contenuto del div con classe "slides_container" non viene visualizzato. Se tolgo il diplay:none mi appaio 4 immagini in colonna.

Al massimo spostalo in CSS

[Vincent.Zeno]

è un problema di "meccanismo" quindi rimane qui.
se poi è legato ad una mal esposizione del contenuti non è affare ne css ne html.