displaying one usercontrol from another user control

Dear Friends,
I have two usercontrols usercontrol1 and usercontrol2.
Now I have a hyperlink in usercontrol1 on the click event of which I need to display i.e show usercontrol2(otherwise it is hidden).
So I add Reference to usercontrol2 as in code give below:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Rehabilitation.ascx.cs" Inherits="SlumManagement.Web.UC.Rehabilitation" %>
<%@ Reference VirtualPath="RRules.ascx" %>
Now RRules.ascx is usercontrol2.
Now the problem is that after adding reference I only get to access on the server side not Client side.
Once I get  a reference to it on the client side I want to do something like this:
function displayctrl()
{
 var ctrl = document.getElementById('usercontrol2');
ctrl.style.display = "block";
}


How can I be able to do this?
...