[marianne fawzi]

hi all
i neeed to link a(read more) buttom in a php page to a div in another php page which use (show and hide )javascript as follow but i wanted that admin to be dispaly when i click on read more and show it details:

HTML Code:

<div id="attach1_show" style="cursor:pointer; display:block"  onclick="Effect.SlideDown('admin'); this.style.display='none'; document.getElementById('attach1_hide').style.display='block';">Mr. Nasser</div>

<div id="attach1_hide" style="cursor:pointer; display:none"  onclick="Effect.SlideUp('admin'); this.style.display='none'; document.getElementById('attach1_show').style.display='block';">Mr. Nasser</div> 

<div style='display:none' id='admin'>***here put the block you want it to appear or hide***</div>

which means that the page which have javascipt work show details or hide details but if click on read more in another place so it shows the admin and display it without need to click on show details buttom

[Yeroon]

Is the other php page in new window or iframe?

[marianne fawzi]

neither one of the two are php but i think i need to transform them to php but dont know how that make when i click on buttom in a page open another javascript shown text in another page so do u have a link to php of one of the two sript
thanks yeroon for ur help

[job0107]

Lets say this is the PHP page that has the "admin" div.

I'll call it "info.php".

PHP Code:

<script>
function show_hide(v)
{
 document.getElementById(v).style.display=document.getElementById(v).style.display=="block"?"none":"block";
 }
</script>
<?php
$display=empty($_GET["display"])?"none":$_GET["display"];
?>
<div style="cursor:pointer;" onclick="show_hide('admin');">Mr. Nasser</div>
<div style="display:<?php echo $display ?>;" id="admin">***here put the block you want it to appear or hide***</div>

Then on the other page you would use a link like this:

HTML Code:

<style>
.info
{
 text-decoration:none;
 border:1px solid #000;
 padding-left:5px;
 padding-right:5px;
 background:#f6eeb3;
 }
</style>
<a href="info.php?display=block" class="info">read more</a>