jquery - クリックイベントでjQueryのボタンを切り替える方法

Question

この初心者の質問の場合は申し訳ありませんが、SharePoint でフィールドを非表示にするjQueryがいくつかありますが、ユーザーがボタンをクリックしたときにトグル(非表示/表示) したいと考えています。私は近づいているように感じますが、構文を正しく理解できません。

$("input[toggleButton]).click(function()私が台無しにしているのはそれだと確信しています。どんな考えでも素晴らしいでしょう。

<style type="text/css">
#toggleButton {
margin-top:10px;
padding-right:20px;
text-align:right;
}
</style>

<br/>

<input type="button" class="toggleButton" value="Show/Hide All Fields" id="toggleButton">


<script>
$(document).ready(function()
{
$("input[toggleButton]).click(function()

{
$("nobr:contains('Approved By')").parent('h3').parent('td').parent('tr').toggle();
$("nobr:contains('Assigned To:')").parent('h3').parent('td').parent('tr').toggle();
$("nobr:contains('Request Status')").parent('h3').parent('td').parent('tr').toggle();
});
});

</script>

Answer 1

使用する

$(".toggleButton").click(function(){
    ...
});