jquery点击一个div显示再次点击隐藏

Question

我是jquery追加的，点击追加再次点击把追加的隐藏了，不然再次点击会再次追加

Answer 1

如果是必须追加显示的话，再次点击就需要清除

//同样在点击事件中判断是否已经追加过div了

$(".Topstorya").on("click",functiton(){
    if($(".ysa").length>0){//追加的div最好保持唯一性
        //此为已存在追加的div
        $(".ysa").remove();
    }else{
        //此处为你原来的追加div代码
        $(this).append("div class='ysa'></div>");
    }
});

Answer 2

示例html 最简单的方法： $(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});});toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话