可重用的jQuery函数

Question

    <div class="row">

            <div class="col my-col my-col-blue" id="show1">

                <h3>something</h3>

                <p>Lorem error ullam?</p>

            </div>

            <div class="col my-col my-col-red" id="show2>

                <h3>something</h3>

                <p>Lorem error ullam?</p>

            </div>

            <div class`enter code here`="col my-col my_nav" id="show3">

                <h3>something</h3>

                <p>Lorem error ullam?</p>

            </div>

        </div>

        <div class="row" id="target1" style="display: none">

            <div class="menu col my-col my-col-blue">fist 1</div>

        </div>

        <div class="row" id="target2" style="display: none">

            <div class="col my-col my-col-red">fist 2</div>

        </div>

        <div class="row" id="target3" style="display: none">

            <div class="col my-col my_nav">fist 3</div>

        </div>

单击id（show1）以便切换（target1）时如何获得正确的ID。我能够按如下所示进行操作，但是我想创建一个可重用的函数。我可以按照自己的方式做，但是我需要3种不同的功能。谢谢

ps。单击id（show1）时，id（target1）切换（显示）。

$(document).ready(function() {

      $("#show1").click(function() {

           $("#target1").toggle();

      })

 })