打开sub和sub sub div淡出封闭问题

Question

这就是我要做的。根据单击的按钮打开/关闭其下面的子div。我在这里最多可以有4个按钮。这很完美。打开的此sub-div（称为.box）将有2个选项。当我单击“ clickme”链接时，通过ajax处理到一个php文件。 phpfile将具有基本的回显命令，这些命令将被传递回主窗体并传递给名为.ajaxbutton的子子div，并非常缓慢地关闭该窗口（淡出）。这也完美。淡化子细分（.ajaxbutton）后，关闭子细分（.box）。

我有2种不同的功能，我只能实现其中一项，但两者都关闭。

我也为w取消而苦恼，因为如果单击该选项，sub-div（.box）将关闭。

我真的希望这有意义。

.nuspec

function imAnAjaxFunction13()
{
    var pepename3 = '<?php echo $pepename3; ?>';

    var request = $.ajax(
    {
        url: 'phpfile.php',
        type: 'post',
        data:  { pname: 145 , lname: 945, cname: 33, pepename: pepename3 },
        dataType: 'html'
    });

    request.done( function ( data )
    {
        $('.ajaxButton').html( data ).fadeOut(12000);
    });

    request.fail( function ( jqXHR, textStatus)
    {
        console.log( 'Sorry: ' + textStatus );
    });
}

function imAnAjaxFunction14()
{
    var pepename4 = '<?php echo $pepename4; ?>';

    var request = $.ajax(
    {
        url: 'phpfile.php',
        type: 'post',
        data:  { pname: 145 , lname: 945, cname: 44, pepename: pepename4 },
        dataType: 'html'
    });

    request.done( function ( data )
    {
       $('.ajaxButton').html( data ).fadeOut(12000);
       $('.box').html( data ).fadeOut(12000);
    });

    request.fail( function ( jqXHR, textStatus)
    {
        console.log( 'Sorry: ' + textStatus );
    });
}


$(".trigger").click(function()
{
    var $siblingDivs = $($(this).siblings().find("div"));

    $siblingDivs.each(function()
    {
        $($(this).data("box")).slideUp("slow");
    });

    $($(this).find("div").data("box")).slideToggle("slow");

});

.trigger
{
float: left;
margin: 0px 5px;
border: 1px solid red;
order: 0;
color: #333;
cursor: pointer;
background-color: aqua;
}

.box
{
width: 250px;
order: 1;
float: left;
color: #333;
display: none;
font-size: 1em;
background: #ccc;
border: 1px solid #ccc;
}

.ajaxButton
{
float: left;
display: inline-block;
background: cyan;
order: 2;
xheight: 55px;
}