Read more másképp - Show/hide

Lilianyja kérdezte, hogyan lehet úgy read more beszúrást készíteni, hogy csak a poszt eleje látszódjék, és a read more-ra kattintva megjelenjen a többi része is, anélkül, hogy eltávoznánk a főlapról. Nos találtam egy cikket, amelyben van egy kis javascript, a segítségével megtehetjük ezt. Elrendezés - HTML-kód szerkesztése Ctrl+f Írd be a keresőablakba: /b:skin Keresd meg:

]]></b:skin>

Szúrd be ELÉ ezt a CSS kódot:

.commenthidden {display:none;}
.commentshown {display:inline;}

Most keresd meg ezt:

</head>

Szúrd be ELÉ ezt a javascriptet:

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden"; } 
else { whichpost.className="commentshown"; }
} </script>

Mentsd el a sablont. Most menj ide: Irányítópult - Beállítások - Formázás Keresd ezt: Bejegyzéssablon Az ablakba szúrd be ezt a kódot:

<a aiotitle="click to expand" href="javascript:togglecomments('UNIQUE NAME')">
Read more...</a><div class="commenthidden" id="UNIQUE NAME"><p>
Ez a posztnak az a része, amelyet elrejteni akarsz</p></div>

A pirossal jelzett részt nevezd el tetszésed szerint (pl. a neved), és a Read more... szöveg helyére írj egy neked tetsző kifejezést, vagy linkelj be egy readmore képet a helyére így:

<img src="http://kepeleresiutja.jpg" />

Mentsd el a változtatást. Így használhatod: Kérj Új bejegyzést, válts HTML írásmódra. Ezt fogod látni az ablakban:

<a aiotitle="click to expand" href="javascript:togglecomments('wiselady')">Read more...</a><div class="commenthidden" id="wiselady">
<p>
Ez a posztnak az a része, amelyet elrejteni akarsz</p></div>

Írd elé azt, amiről azt akarod, hogy látszódjék. Írd a piros rész helyére azt, amit elrejteni akarsz. Kép beszúrásához átválthatsz Írás módba is. Azaz:

Ez a posztnak az a része, ami látszódik.
<a aiotitle="click to expand" href="javascript:togglecomments('wiselady')">Read more</a><div class="commenthidden" id="wiselady">
<p>
Ez a posztnak az a része, amelyet elrejteni akarsz</p></div>

Ezután változtasd meg a Unique name részt is - ez ebben a példában a wiselady szó. Tehát mindegyik posztnál más legyen az azonosító, de egy poszton belül ugyanaz. Számot is használhatsz.
A tesztblogomon láthatod működés közben is: Show/hide javascript
Vigyázat! Aki ezt a megoldást használja, annak nem kell alkalmaznia a jump-link módszert!
Eredeti cikk:
http://www.blogosys.com/2008/12/expand-or-collapse-post-link-script.html
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady