Question

请问下这段JQUERY应该如何修改

$(".goods-comment-trigger").click(function(){
$(".commentform").css("display","block")
$(".mask").css("display","block")
})
$(".close").click(function(){
$(".commentform").css("display","none")
$(".mask").css("display","none")
})
$("#formsubmit").click(function(){
$(".commentform").css("display","none")
$(".mask").css("display","none")
})
1：这是点击打开（显示）关闭（隐藏）“commentform”和“mask”，前两个点击打开关闭都没问题，但到了第三个是一个input的按钮（#formsubmit），我想设置的是提交后会自动关闭“commentform”和“mask”，结果是关闭了，但再点击第一步（.goods-comment-trigger）就没反应了，也没有报错，不知应该如何修改才能使这三步的任意一步都能达到block和none的效果呢
2：这段代码写得比较初级，能否帮忙写成专业点哈，先谢谢了

Answer 1

第一，楼上说得对，可以试试show(),hide()。建议你看一下jquery效果这一章；
show()可以把display设置为block，而hide()可以把display设置为block，效果和你那个css是一样的，进阶的话还可以试试fadeIn(),fadeOut()/淡入淡出、sideup(),slidedown()/拉伸……
具体示范：

$(".goods-comment-trigger").click(function(){
$(".commentform").show();
$(".mask").show();
})
$(".close").click(function(){
$(".commentform").css("display","none");
$(".mask").css("display","none");
})
$("#formsubmit").click(function(){
$(".commentform").css("display","none");
$(".mask").css("display","none");
})

第二，解决你这三步的任意一步都能达到block和none的效果;关于这个问题之前也困扰了我很久，原因在于你触发了（#formsubmit）之后，在DOM结构往上找，找不到(".commentform")和(".mask")，因为被你隐藏了。但是$(".close")和$(".goods-comment-trigger")应该属于兄弟关系，事件出发时，不需在DOM机构往上找。可能说得有点乱，那就直接贴改正方法吧，有两种方法；

先写两个函数；
function shows(){
$(".commentform").show();
$(".mask").show();
}
function hides(){
$(".commentform").hide();
$(".mask").hide();
}

1.live()事件；
$(".goods-comment-trigger").live("click",shows);
$(".close").live("click",hides);
$("#formsubmit").live("click",hides);

2.在 $("#formsubmit")中写入$(".close")和$(".goods-comment-trigger")两个函数；
$(".goods-comment-trigger").click(shows);
$(".close").click(hides);
$("#formsubmit").click(functioin(){
hides();
$(".goods-comment-trigger").click(shows);
$(".close").click(hides);
});

我也是新手，楼主，我们共同学习吧……

Answer 2

你试试用hide()或show()多好？

追问

可否写下？