Javascript 如何针对JQuery中按钮的div

我目前正在尝试制作一个脚本，它将在输入下隐藏/显示div。目前，我的目标是每个输入和每个ID的div（我发现可能有点重，而不是相对于输入位置的div）

所以现在看起来有点像这样：

jQuery(document).ready(function(){
    jQuery('#inputbutton1').on('click', function(event) {        
         jQuery('#divtarget1').toggle('show');
    });
});

jQuery(document).ready(function(){
    jQuery('#inputbutton2').on('click', function(event) {        
         jQuery('#divtarget2').toggle('show');
    });
});

等等。是否有一种方法可以获取event.target，然后从那里到达相对于该输入按钮的div。这样，我就有了一个具有可变值的脚本，而不是30个具有唯一ID选择器的脚本。每个输入按钮/div组合如下（它们分散在页面中，但总是成对出现）：

---

提前感谢。

使用以下代码。它很灵活，适用于您添加的每个新图像

$（文档）.ready（函数（）{
$（'input'）。在（'click'，函数（事件）{
$（this.parent（）.next（）.toggle（'show'）；
});
});

谢谢！这很有效。我试图使用event.target，但它根本不起作用，我不认为“this”会以单击的元素为目标：）。@Kleinaroo很高兴听到：）您可以向特定类型的输入中添加一个类，您希望这样做（以防页面上有其他输入）。
<div class="hideshowdiv"><input class="hideshowbtn" type='button' id='inputbutton1' value='Hide/Show Image'></div>
<div id="divtarget1" class="spellimg"><img src="image.jpg" alt="Image"></div>