Присвоение переменных функции - Jquery

Question

Я создал этот бит кода для переключения при нажатии. Я хотел бы расширить это дальше. В настоящее время я скопировал и вставил это столько раз, сколько мне нужно. Мне было интересно, что является лучшим способом упростить это?

<script type="text/javascript">
(function($) {
    $('#ServiceTitle').click(ToolTip); 
    function ToolTip(){
        $("#tooltip").toggle();
    }
}(jQuery));
</script>

<script type="text/javascript">
(function($) {
    $('#ServiceTitle2').click(ToolTip2); 
    function ToolTip(){
        $("#tooltip2").toggle();
    }
}(jQuery));
</script>

<div class="tb_text_wrap">
<p>Nationwide Broadband Network</p>
<h2><b>MULTISTREAM<span id="ServiceTitle" data-toggles=".tooltiptext1" class="Blocki">i</span></b></h2>
<div class="Bar">
<p id="ServiceStatus" class="BarBox Error">Maintenance Mode</p>
</div>
<p id="tooltip" class="tooltiptext1">Test text</p>
</div>

Answer 1

Атрибуты данных, как правило, как вы это делаете.

$("[data-toggles]").on("click", function () {
  var selector = $(this).data("toggles");
  $(selector).toggle()
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-toggles=".foo1">AAAA</div>
<div class="foo1">AAAAAAAA Text</div>

<div data-toggles="#bar">BBBBBB</div>
<div id="bar">BBBBBB Text</div>

Другие параметры могут быть основаны на макете HTML и выбрать дочернего элемента, родного брата и т. Д. c.