jquery - 如何清除 jquery 点击函数

Question

我有两个按钮，它们都有隐藏元素。

这是 HTML 的基础知识:

<button class="read">
<table class="displayReviews">
<button class="write">
<form class="writeForm">

有一些 js 可以切换表格和表单。

这是js。

$('.read').click(function() {
    $('.displayReviews').toggle(),
    $('.displayReviews').css("position", "relative"),
    $('.writeForm').css("visibility","hidden");
});

$(document).ready(function() {
    $('.write').click(function() {
        $('.writeForm').toggle(),
        $('.writeForm').css("visibility","visible"),
        $('.writeForm').slideToggle("slow") ,
        $('.displayReviews').css("position", "absolute"),
        $('.displayReviews').css("top", "1000px");
    return false;
    });
});

我知道这是一个巨大的困惑。如果有人能指出我正确的方向，我将不胜感激。

我希望它在单击写入按钮时显示表单，在单击读取按钮时显示表格。

Answer 1

这是您需要的 fiddle 。

http://jsfiddle.net/swaprks/aL0djmju/

<button class="read">Read</button>
<table class="displayReviews"><tr><td>Table displayed</td><tr></table>
<button class="write">Write</button>
<form class="writeForm">Form displayed</form>

.displayReviews, .writeForm{ display: none;}

$(function(){
    $(".read").click(function(){
        $(".displayReviews").toggle();
        $(".writeForm").hide();
    });

    $(".write").click(function(){
        $(".writeForm").toggle();
        $(".displayReviews").hide();
    });
});