[jQuery] Wysuwany panel i zmiana klasy Opcje

[oomaster]

Witam,

Kompletnie nie mogę zaradzić problemu który mi się pojawił. Otóz mam kod

[HTML] pobierz, plaintext 
<a href="#" id="link"><div id="hide"></div></a>
 
<p id="more" style="display: none;">Vivamus pretium fringilla metus. Praesent a enim eu metus scelerisque tincidunt. In auctor lorem et leo.</p>
[HTML] pobierz, plaintext 

Mało poprawny ale jest (IMG:style_emoticons/default/winksmiley.jpg)

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
	$(document).ready(
	function()
	{	
		$("#link").click(
		function()
		{
			$("#more").toggle("normal");
		}).toggle(function() { $(this).html("<div id=hide></div>"); }, function() { $(this).html("<div id=hideou></div>"); });
	});
</script>
[JAVASCRIPT] pobierz, plaintext 

Chodzi o to aby po kliknięciu w ahrefa link wyświetliła się treść more i zmieniła klasa i w odwrotnie. Czy w ogóle istnieje takie coś w jQuery jak .html ? Jak to zrealizować ?

[vokiel]

To co chcesz zrealizować, możesz zrobić na wiele, wiele sposobów.

Rozumiem, że chcesz mieć przycisk, który pokaże jakiś akapit poniżej i sam się zmieni, że został rozwinięty (np ma napis pokaż i chcesz go zamienić na ukryj)

[HTML] pobierz, plaintext 
<a href="#" id="link">obrazkowy rozwiń</a>
<p  id="more">bla bla bla</p>
[HTML] pobierz, plaintext 

Po kliknięciu w ten obrazek rozwiń zmieniasz jego klasę na zwiń, a paragraf rozwijasz w dół, bądź zwijasz. Czyli

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
    $('#link').click(function(){
        $(this).toggleClass('hide'); // możesz ostylować element w stanie rozwiń, a klasa hide zmieni go w drugi stan    
        $('#more').slideToggle();
    });
});
[JAVASCRIPT] pobierz, plaintext 

Możesz też użyć toggle na link

[JAVASCRIPT] pobierz, plaintext 
$('#link').toggle(function() {
    $(this).removeClass('hide');
    $('#more').slideDown();
}, function() {
    $(this).addClass('hide');
    $('#more').slideUp();
}
[JAVASCRIPT] pobierz, plaintext