[HTML][CSS][JavaScript] Podmiana linków Opcje

[obelix94]

Od kilku lat zajmuje się HTML, CSS, a od kilku miesięcy także PHP. Los sprawił że nie zaciekawiło mnie JS. A tera tego żałuje. Chciałbym na stronie umieścić coś takiego http://demos.mootools.net/Fx.Slide. Chodzi o efekt Vertical (slide out | slide in).

I teraz, chciałbym zmienić skrypt tak, aby było tylko POKAŻ, a gdy się na to kliknie to napis zmieni się na SCHOWAJ. Jednoczxeśnie podmienią się linki tak aby pod kliknięciu pokaż, treść by się pokazała, a po naciśnięciu schowaj treść by się schowała. Byłoby to coś podobnego do status: open (który tez się zmienia).


Proszę o pomoc bo jest mi to pilnie potrzbne!

[obelix94]

a gdzie wstawić adres linku?

a podajcie jescze poprawioną wersję tego skrypciku (IMG:http://forum.php.pl/style_emoticons/default/dry.gif)

taką ostateczną (IMG:http://forum.php.pl/style_emoticons/default/sciana.gif)

Moze to wam pomoże mi pomóc  (IMG:http://forum.php.pl/style_emoticons/default/czarodziej.gif)

KOD JAVA (demo.js)

[HTML] pobierz, plaintext 
window.addEvent('domready', function() {
 var status = {
 	'true': 'open',
 	'false': 'close'
 };
 
 //-vertical
 
 var myVerticalSlide = new Fx.Slide('vertical_slide');
 
 $('v_slidein').addEvent('click', function(e){
 	e.stop();
 	myVerticalSlide.slideIn();
 });
 
 $('v_slideout').addEvent('click', function(e){
 	e.stop();
 	myVerticalSlide.slideOut();
 });
 
 $('v_toggle').addEvent('click', function(e){
 	e.stop();
 	myVerticalSlide.toggle();
 });
 
 $('v_hide').addEvent('click', function(e){
 	e.stop();
 	myVerticalSlide.hide();
 	$('vertical_status').set('html', status[myVerticalSlide.open]);
 });
 
 $('v_show').addEvent('click', function(e){
 	e.stop();
 	myVerticalSlide.show();
 	$('vertical_status').set('html', status[myVerticalSlide.open]);
 });
 
 // When Vertical Slide ends its transition, we check for its status
 // note that complete will not affect 'hide' and 'show' methods
 myVerticalSlide.addEvent('complete', function() {
 	$('vertical_status').set('html', status[myVerticalSlide.open]);
 });
 
 
 //--horizontal
 var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
 
 $('h_slidein').addEvent('click', function(e){
 	e.stop();
 	myHorizontalSlide.slideIn();
 });
 
 $('h_slideout').addEvent('click', function(e){
 	e.stop();
 	myHorizontalSlide.slideOut();
 });
 
 $('h_toggle').addEvent('click', function(e){
 	e.stop();
 	myHorizontalSlide.toggle();
 });
 
 $('h_hide').addEvent('click', function(e){
 	e.stop();
 	myHorizontalSlide.hide();
 	$('horizontal_status').set('html', status[myHorizontalSlide.open]);
 });
 
 $('h_show').addEvent('click', function(e){
 	e.stop();
 	myHorizontalSlide.show();
 	$('horizontal_status').set('html', status[myHorizontalSlide.open]);
 });
 
 // When Horizontal Slide ends its transition, we check for its status
 // note that complete will not affect 'hide' and 'show' methods
 myHorizontalSlide.addEvent('complete', function() {
 	$('horizontal_status').set('html', status[myHorizontalSlide.open]);
 });
});
[HTML] pobierz, plaintext 

KOD HTML (index.html) - przerobiony trochę

[HTML] pobierz, plaintext 
<a id="v_slideout" href="#">UKRYJ</a>
<a id="v_slidein" href="#">pokaz</a>
<div id="vertical_slide">
Lorem ipsum dolor sit amet
</div>
<script>
$('#v_slideout').hide();
$('#text').hide();
 
$('#v_slidein').click(function(){
$('#v_slideout, #text').show();
$('#v_slidein').hide();
return false;
});
 
$('#v_slideout').click(function(){
$('#v_slidein').show();
$('#v_slideout, #text').hide();
return false;
});
</script>
[HTML] pobierz, plaintext 

No i nie działa. Jak to zrobić? Mógłby mi ktoś to dokładnie wytłumaczyć i pokazać gotowca? Albo chociaż dać gotowca - po kod jakoś zrozumiem. Proszę! - dostosujcie ten kodzik do mnie. Naprawde nie mam czasu. Proszę!





Nikt nie umie mi pomóc? To co to jest za forum?