@{
    ViewBag.Title = "Users";
    <scriptsrc="~/Scripts/jquery-1.8.2.min.js"></script>
    <scriptsrc="~/Scripts/jquery-ui-1.8.24.js"></script>
    <linkhref="~/Content/Site.css"rel="stylesheet"/>
    <linkhref="~/Content/themes/base/jquery.ui.all.css"rel="stylesheet"/>
}
@Html.ActionLink("All Users", "User", "Home", null, new
{
    @class = "openDialog",
    data_dialog_id = "aboutDialog",
    data_dialog_title = "About Us"
})
<divid="aboutDialog">
<h2>Users</h2>
<p>
    //....................  
</p>
<p><ahref="javascript:void(0);"class="close">Close this Window</a></p>
    </div>
 
<scripttype="text/javascript">
    $.ajaxSetup({ cache: false });
    $(document).ready(function () {
        $(".openDialog").live("click", function (e) {
            e.preventDefault();
            $("<div></div>")
                .addClass("dialog")
                .attr("id", $(this)
                .attr("data-dialog-id"))
                .appendTo("body")
                .dialog({
                    title: $(this).attr("data-dialog-title"),
                    close: function () { $(this).remove(); },
                    modal: true,
                    height: 250,
                    width: 400,
                    left: 0
 
                })
            .load(this.href);
        });
 
        $(".close").live("click", function (e) {
            e.preventDefault();
            $(this).closest(".dialog").dialog("close");
        });
    });
</script>