Javascript 淡入局部视野

我有一个mvc asp.net c#应用程序

我有两页

第一页加载

在第一页上，用户可以按一个按钮调用我的jquery函数。 此函数用于加载局部视图

这很有效

我认为最好的方法是将第一组内容淡入/混合到第二组内容

这能做到吗

my_Layout.cshtml页面的一部分：

<div id="mainContent">
    @RenderBody()           
</div>

我的欢迎2页：

@{
    ViewBag.Title = "Welcome2";
    Layout = null;
}

<div id="#content1">
    @Html.Hidden("MyURL", @Url.Action("Lite", "Service"))
    <div id="divWelcome" style="margin-top:50px;">
        <div id="headerimg" style="position: relative;">
            <div style="position: absolute; bottom:250px; left:30px; width: 550px; font-family:DIN; font-size:23pt; font-weight:600; color: white; letter-spacing:0.01em;">
                We offer Cloud solutions for small businesses to help them manage their workflow requirements
            </div>

            <hr style="position: absolute;height:6px; width: 490px; bottom:200px; left:30px; " />

            <div style="position: absolute;width: 550px; bottom:150px; left:30px;  font-family:DIN; font-size:14pt; font-weight:500; color: white; letter-spacing:0.01em;">
                Our core sectors of expertise are professional services, data management and outsourcing.
            </div>
        </div>
    </div>
</div>

我的控制器：

public ActionResult Index()
{
    Response.Redirect("~/Welcome");
    ViewBag.Title = "Home Page";
    return View();
}

[Route("~/Welcome")]
public ActionResult Welcome()
{
    ViewBag.Title = "Welcome Page";
    return View();
}

[HttpGet]
[Route("~/Welcome2")]
public ActionResult Welcome2()
{
    return PartialView();
}

我很感激答案就在我的jquery函数中，但我想如果有人要求我这样做的话，我会发布整个内容

编辑：

将jquery更改为：

$("#divHomeBanner").click(function () {
    var url = '/Welcome2';    
    $('#divPager').load(url);
    $('#divPager').show('slow')
    return false;
});

在我的布局中：

<div id="mainContent">
    <div id="divPager" style="display:none;"></div>
    @RenderBody()           
</div>

@RenderBody（）

---

但是没有任何更改-页面没有显示

将其加载到隐藏元素中，然后使用

.show（'slow'）

方法（或

.show（）

的另一个

速度

选项之一）我这样做了，但什么也没发生，什么也没显示。我会用这个更改编辑我的问题吗？解决了-谢谢你不确定什么是什么意思？但是你应该在成功回调中执行-

$（''divPager'）。加载（url，function（）{$（''divPager'）。show（'slow'）；}）

感谢这一切。有意义

$("#divHomeBanner").click(function () {
    var url = '/Welcome2';    
    $('#divPager').load(url);
    $('#divPager').show('slow')
    return false;
});

<div id="mainContent">
    <div id="divPager" style="display:none;"></div>
    @RenderBody()           
</div>