Javascript 如何在对td元素执行onclick时显示/隐藏div

我试图在表中单击

时隐藏/显示div。表包含两个<代码> <代码> s，并在单击主帐户持有者<代码> <代码>时显示第一个div，另一个div处于隐藏状态。对于授权再订购，

，应显示相应的div

我的HTML是

<div id="authreport">
 <table width="270">
    <tr>
        <td>First name:</td>
    </tr>
    <tr>
        <td>Last name:</td>
    </tr>
    <tr>
        <td>Mobile phone:</td>
    </tr>
    <tr>
        <td>Email:</td><td>
    <tr>
        <td>Password:</td>
    </tr>
 </table>
</div>

<div id="mainacc">
    <table>
        <tr>
            <td colspan="2"><h3>Work details</h3></td>
        </tr>
        <tr>
            <td>Organisation:</td>
        </tr>
        <tr>
            <td>Industry Type:</td>
        <tr>
            <td>Street:</td>
        </tr>
        <tr>
            <td>Postcode:</td>
        </tr>
        <tr>
            <td>Country:</td>
        </tr>
    </table>
</div>    

---

有人能告诉我怎么做吗？

如果我没弄错的话，你想要实现的就像手风琴一样。你可能想看看这个

---

如果我没弄错的话，你想要实现的就像手风琴一样。你可能想看看这个

---

您应该关注这个很棒的教程页面：

W3School是一个很棒的教程网站（从我的观点来看是最好的），本页向您展示了一个使用JQuery框架的示例，它是页面中“必须包含”的源代码，因为它为常见（以及更复杂）的Javascript函数提供了非常好的帮助。

---

。致以最诚挚的问候

您应该关注这一伟大的教程页面：

W3School是一个很棒的教程网站（从我的观点来看是最好的），本页向您展示了一个使用JQuery框架的示例，它是页面中“必须包含”的源代码，因为它为常见（以及更复杂）的Javascript函数提供了非常好的帮助。

---

.致以最诚挚的问候

如果您使用JQuery，它将非常简单

$('#DivID').click(function(){
    //You can use show(), hide(), or toggle()        
    $('#DivID').toggle();
});

---

如果您浏览jquery API，可以使用很多效果，例如淡出和其他效果。

如果您使用jquery，它非常简单

$('#DivID').click(function(){
    //You can use show(), hide(), or toggle()        
    $('#DivID').toggle();
});

---

如果浏览jquery API，可以使用很多效果，比如淡出和其他效果。

哪个div要隐藏，哪个div要显示？你能细化你的问题吗？哪个div是隐藏的，哪个div是显示的？你能把你的问题细化一下吗？