onclick表单显示，但希望隐藏其他元素

Question

目前我有这个..

<button class="movebutton" onclick="jQuery('.moon-form').show();"></button>

当您单击按钮时，基本上会显示该表单。

虽然当您点击按钮并且表单显示时，我想要另一个ID为#thetable的元素隐藏

所以我认为我可以做到这一点

<button class="movebutton" onclick="jQuery('.moon-form').show();jQuery('#thetable').hide();"></button>

但我错了。

任何输入？

Answer 1

尝试此操作而不是使用内联：

$('.movebutton').click(function(){
    $('.moon-form').show();
    $('#thetable').hide();
});

确保thetable具有ID属性，因为您使用的是#

根据评论，您有：

<table id#thetable>content</table>

应该是：

<table id="thetable">content</table>

<强> Demo