1) Na stronie tworzysz "komórkę" z kodem HTML na całej szerokości strony,

by zadziałała funkcja, którą trzeba zaznaczyć, "włącz automatyczną wysokość",

(ta funkcja działa, jak obok danej komórki nie ma innej, która by blokowała automatyczną wysokość)

dlaczego automatyczna wysokość? a to dlatego, że tekst będzie się rozwijał/zwijał i będzie potrzebował więcej/mniej miejsca

tam wpisujesz tekst wstępny w HTML zakończony:

<ahref="#lista1" onclick="lista('lista1'); return false;">rozwiń całość</a>

po tej "komendzie" wpisujesz

<div id="lista1">

i piszesz dalszą część tekstu

Oczywiście list może być więcej, czyli w/g zapotrzebowania

2) W zakładce [zaawansowane] obok [kod HTML] wpisujesz wygląd, czcionkę, rozmiar itp. rzeczy potrzebne do wyglądu tekstu dla przykładu:

#lista1, #lista2, #lista3, #lista4, #lista5 { display: none; font-family: "Georgia", ...itd.

p { text-align: justify; font-size:16px; ...itd. wszystko w/g swojego uznania

3) Teraz by to wszystko "zadziałało" potrzebny będzie script, który trzeba umieścić we właściwościach danej strony w zakładce [zaawansowane] [przed tagiem zamykającym sekcję BODY] :

<script type="text/javascript">
<!--
function lista(co) {
var obiekt = document.getElementById(co);
if (obiekt.style.display == 'block') {
obiekt.style.display = 'none';
} else {
obiekt.style.display = 'block';
}
}
-->
</script>

Po tych wszystkich trzech "zabiegach" wszystko powinno śmigać

Chyba w miarę jasno napisałem "poradnik"
i może komuś się przyda i być pomocny przy tworzeniu stron

Korzystający z jquery:

Sekcja HEAD

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>
function op(obj) {
x=document.getElementById(obj);
$(x).slideToggle( "slow" );
}
</script>

A potem zwykłe komórki tekstowe z włączoną akceptacją kodu HTML. Każdy blok wiadomości w osobnym, polu to się równo układają.

1.

Piszemy treść pierwszą......<a href="#1" onClick="op('poka');">Pokaż</a>
<div name="1" id="poka" style="display: none;">
Oto ukryta cześć strony. Rozwija się po kliknięciu na przycisk, tekst, button, zdjęcie z atrybutem onClick="op('poka');".
TEXT ........
</div>

2.

Piszemy treść drugą....<a href="#2" onClick="op('poka1');">Pokaż</a>
<div name="2" id="poka1" style="display: none;">
Oto ukryta cześć strony. Rozwija się po kliknięciu na przycisk, tekst, button, zdjęcie z atrybutem onClick="op('poka');".
TEXT ........
</div>

Zwracamy uwagę żeby ponazywać odpowiednio te części:

a href="#1" / op(poka)   /  name="1"  / id="poka"

dla drugiego pola

a href="#2" / op(poka1)   /  name="2"  / id="poka1"

itd...

PRZYKŁAD DZIAŁANIA:

http://mezon.republika.pl/wiecej/index.html

Sposób Darka jest "kombinacją" jaką musimy często stosować żeby uzyskać to czego chcemy. Normalnie chyba każda tępawa, darmowa rzecz typu blog posiada opcję "more"... ale nie ma jej w standardzie Website... ale nie jestem zdziwiony.

Ponieważ uparty jesteś mam dla Ciebie chyba najlepsze rozwiązanie. Lepsze od tego co ja i Darek podaliśmy wcześniej i chyba zaspokaja Twoją potrzebę "czytaj więcej"

Kilka wskazówek gdyby ktoś chciał też wykożystać:

W tej częśći podajemy szerokość bloku tekstowego

.comment {
    width: 600px;

A tutaj 100 oznacza po ilu znakach pojawi się napis więcej "..." oznacza ... a wiecęj i zwiń oznaczają dokładnie to co napisane

$(document).ready(function() {
    var showChar = 100;
    var ellipsestext = "...";
    var moretext = "więcej";
    var lesstext = "zwiń";

Reasumując - Wyizolować to co: 1. Przed tagiem zamykającym </HEAD> 2. Po tagu zamykającym </body> i 3. Reszta w "Html i gażety" wklejona

Oczywiście modyfikacji można podać wszystko ale to są chyba najistotniejsze elementy

Ściągnąłem też plik js, po to by go móc "lokalnie" wykorzystywać (żeby było śmieszniej nie trzeba podpinać pliku js, website ma plik jquery obsługujący ten prosty zestaw...)

Przykład wpakowania do szablonu Website:

http://www.mezon.republika.pl/more/index.html

Pliki do zassania html + plik sj