Effect.toggle

<a href="#" onclick="Effect.toggle('Amore', 'slide'); return false;">
Amore mio</a>
<div id="Amore" style="background: none repeat scroll 0% 0% rgb(fff, fff, fff); display: none;">
<div> ВАШ ТЕКСТ.............. </div> </div>


Amore mio

Amore mio

Любовь моя

Dammi le tue mani i tuoi pensieri strani la bocca che mi tira su sento la tua energia tutta quell'allegria e un fulmine che viene giù ciao amore come stai oggi più bella che mai ciao amore cosa fai dimmi dimmi cosa sei amore amore mio la luce del mattino amore amore mio sei tu in ogni tuo respiro amore amore mio c'è un angolo di cielo blu sei tu la più bella la più bella del mondo sei l'unica stella di notte di giorno Qui vicino al mare sotto questo sole il resto non esiste più io vedo solo te tu vedi solo me intorno a noi più niente c'è ciao amore come stai oggi più bella che mai ciao amore cosa fai dimmi dimmi cosa sei amore amore mio la luce del mattino amore amore mio sei tu in ogni tuo respiro amore amore mio c'è un angolo di cielo blu sei tu la più bella la più bella del mondo sei l'unica stella di notte di gïorno

Дай мне свои руки свои странные мысли и губы, что влекут меня я чувствую твою энергию все твое веселье и молнию, которая пронзает привет любимая, как ты? сегодня красивее, чем когда-либо привет любимая, чем занимаешься? скажи-ка мне, скажи что ты? Любовь, любовь моя, свет утра любовь, любовь моя, ты в каждом своем вздохе любовь, любовь моя ты - часть синего неба ты самая красивая самая красивая в мире ты - единственная звезда и ночью и днем Здесь рядом с морем под этим солнцем других больше не существует я вижу только тебя, ты видишь только меня вокруг нас больше ничего нет привет любимая, как ты? ты сегодня красивее, чем когда-либо привет любимая, чем занимаешься? скажи-ка мне, скажи что ты? Любовь, любовь моя, свет утра любовь, любовь моя, ты в каждом твоем вздохе любовь, любовь моя ты - часть синего неба ты самая красивая самая красивая в мире ты - единственная звезда и ночью и днем

TO A BUTTERFLY

Stay near me – do not take thy flight!
A little longer stay in sight!
Much converse do I find in thee,
Historian of my infancy!
Float near me; do not yet .depart!
Dead times revive in thee:
Thou bring'st, gay creature as thou art!
A solemn image to my heart,
My father's family!

Oh! pleasant, pleasant were the days,
The time, when, in our childish plays,
My sister Emmeline and I
Together chased the butterfly!
A very hunter did I rush
Upon the prey:-with leaps and springs
I followed on from brake to bush;
But she, God love her, feared to brush
The dust from off its wings.

<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://www.blogger.com/blogger.g?blogID=132067137410115303#" onclick="Effect.toggle('Stay', 'slide'); return false;">TO A BUTTERFLY</a><br />
<div id="Stay" style="background: none repeat scroll 0% 0% rgb(fff, fff, fff); display: none;">
<div>

выделенное красным цветом меняем название, согласно названию записи

  Robert Frost ▼▲

It is blue-butterfly day here in spring,
And with these sky-flakes down in flurry on flurry
There is more unmixed color on the wing
Than flowers will show for days unless they hurry.

But these are flowers that fly and all but sing:
And now from having ridden out desire
They lie closed over in the wind and cling
Where wheels have freshly sliced the April mire.

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiXgZArLq-qrHLJqglZBko7T_rW7_1Kh72qHwUTPD0BM-aTfNdrU-mpcABakC9NhX2B2xKeShfqQVkiH55ggLN0W0wi5oppiLM2FSAIfNpqIRFWN3_Mi1Icek7_oUd6DxX0_j6Mkn-80A/s1600/niz.png" />




<a onclick="Effect.toggle('toggle_slide', 'slide'); return false;" href="#">
ЗАГОЛОВОК</a>
<div style="background: none repeat scroll 0% 0% rgb(fff, fff, fff);display: none;"
id="toggle_slide">
<div>
ВАШ ТЕКСТ.............. </div> </div>



http://gemablog-.blogspot.com/2009/10/efecto-toggle-en-los-gadgets-de-la.html
http://gemablog-.blogspot.com/2009/02/efecto-deslizante-en-los-archivos-de-la.html
http://shpargalkablog.ru/2010/11/poyavlyayushchiesya-commentarii.html

Эффект заключается в том, чтобы нажав на ссылку, появлялся/скрывался элемент (текст, изображение, таблица, блок и т.д.).

Вставляем перед </head> функции:

<script src="http://script.aculo.us/prototype.js" type="text/javascript">
</script><script src="http://script.aculo.us/scriptaculous.js" type="text/javascript">
</script>

или


<script src='//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js'/>
<script src='//ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js'/>


Скачать    prototype.js
Скачать   scriptaculous.js

https://developers.google.com/speed/libraries/devguide?hl=es-ES#scriptaculous

Затем стили:

Effect.toggle(element, ['appear' | 'slide' | 'blind'], [options] );

Effect.toggle('id_of_element', 'appear');

Effect.toggle('id_of_element', 'slide', { delay: 0.5 });

Effect.toggle('id_of_element', 'blind', { duration: 2.0 });

 

В поле для сообщения:

 


<a href="#" onclick="Effect.toggle('toggle_appear', 'appear'); return false;">

 Toggle the following paragraph with an 'appear'-effect</a>
<div id="toggle_appear" style="background:#ccc;display: none;">
  <div>
    ВАШ ТЕКСТ..............
  </div>
</div>


Для эффекта "slide" :


<a onclick="Effect.toggle('toggle_slide', 'slide'); return false;" href="#">

Toggle the following paragraph with a ‘slide’-effect</a>
<div style="background: none repeat scroll 0% 0% rgb(fff, fff, fff);display: none;"

id="toggle_slide">
<div>

ВАШ ТЕКСТ.............. </div> </div>