Web Forms :: Displaying One Usercontrol From Another User Control

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?