在按钮上单击调用ajax在div中放置成功数据并切换该div

Question

<div class="toggle" id="response_18"></div>
<button class="btn btn-color btn-position shu" type="button" id="#response_18" value="18"></button>

N.B：我有三个div和三个不同身份的按钮。

使用这个jquery：

<script type="text/javascript">
    $(document).ready(function () {
        $(".shu").click(function () {
//            var key = $(this).attr('value');

            var key = $(this).attr('id');
            $.ajax({
                type: "POST",
                url: "gv_calender.php",
                data: {key: key}
            }).done(function (data) {
                $(key).html(data);
            });

            $(key).toggle(1000);

            $(".toggle:visible").not(key).hide();
        });
    });
</script>

问题：在第一次文档加载时，我必须单击该按钮两次。之后单击我可以加载ajax数据并切换相应的div。 提前感谢任何建议