javascript - jquery 点击下拉框出现的问题？

demo在这里：https://jsfiddle.net/wz9xs5g5/
通过jquery添加一个下拉框时，一开始的下拉框点击一下会马上显示然后隐藏是怎么回事？
通过firbug显示触发了两次，不知是什么原因造成的？

function start(){
   $(".button").click(function() {
         $(this).next().toggle(function(){
              $(this).next('.textCon').show();
           },function(){
               $(this).next('.textCon').hide();
           });
});
}
start();

$("button").click(function() {
   console.warn("haha");
   $("body").append($(".box")[0].innerHTML);
   start();
});