改为:
//你的写法有问题 下面的函数永远不会触发的
$(function () {
$('.open').click(function() {
console.log("打开");
//连续点击按钮 你会发现触发的一直是这个函数
$('.div1').show();
$('#name').attr('class', 'close');
$('#name').val('关闭');
$('#name').removeClass("open");
})
});
$(function () {
$('.close').click(function() {
console.log("关闭");
$('.div1').hide();
$('#name').attr('class', 'open');
$('#name').val('打开');
})
});
你用这个代码试试
$(function () {
$("#name").on("click",function () {
if($(this).hasClass("open")){
$('.div1').show();
$(this).val('关闭');
$(this).addClass("close").removeClass("open");
}else {
$('.div1').hide();
$(this).val('打开');
$(this).addClass("open").removeClass("close");
}
})
})
这个好专业~~~~~