at last!!! i managed to get it to work after learning how to use single and double quotes in php , trying to understand a javascript script and searching for the lines to edit the <!–more–> wordpress option .
i hate the <!–more–> wordpress option because it splits the post in two when it sees this tag and throws the second half to trash . google will index only the first half and this s*&^*(#$%^ because i need the page with full posts so i can bring visitors that search randomly word pairs ;) .
when wordpress publish, everything happens here “site.com/wp-includes/post-template.php”, and when it sees <!–more–> truncates the post then runs this
$output .= apply_filters( ‘the_content_more_link’, ‘ <a href=”‘ . get_permalink() . “#more-$id\” class=\”more-link\”>$more_link_text</a>”, $more_link_text );
we change it into this :
$output .= apply_filters( ‘the_content_more_link’, ‘ <script type=”text/javascript”>$(document).ready(function() { $(\’#expand-’.$id.’\').click(function() { $(\’#more-’.$id.’\').slideToggle(620); var temp= $(\’#expand-’.$id.’\').html() ; if ( temp.search(\’more\’) != -1 ) { $(\’#expand-’.$id.’\').html( \’<b>÷ collapse post «</b>\’ ); } else { $(\’#expand-’.$id.’\').html( \’<b>÷ expand post to read more »</b>\’ );} return false; }); });</script> <div id=”more-’.$id.’” style=” display: none ;”>’.$content[1].’</div> <p title=”click” style=”cursor: help” id=”expand-’.$id.’”><b>÷ expand to read more »</b>’, $more_link_text );
as you can see half of your content is kept in the second element of the array $content :p . add a
jquery framework to the <head>er of your wordpress blog . my wordpress
transition plugin install it as default and treats the simple “#” href link weird ;) . that's why we need a <p> tag . but if you don't have this plugin installed you can use href :d .
many thanks to Karl Swedberg , his idea is brilliant .