JQuery показать скрыть, не показывая второй div

Question

У меня есть скрипт Jquery show hide, который я использовал отлично, теперь я хочу добавить второй div, чтобы показать hide.

первый div все еще показывает и скрывает, как и должен, однако второй divпрячет, но не покажет ..

код:

$(document).ready(function() {

  $('.slidingDiv').hide();
  $('#show_hide').show();
  $('.equipdetailupload').hide();
  $('#show_hide2').show();

  $('#show_hide').click(function() {

    $(".slidingDiv").slideToggle();
    var isvisible = $(this).next('.slidingDiv').is(':visible');

    if (isvisible) {
      $(this).next('.slidingDiv').hide();
    } else {
      $(this).next('.slidingDiv').show();
    }
  });


  $('#show_hide2').click(function() {

    $(".equipdetailupload").slideToggle();
    var isvisible = $(this).next('.equipdetailupload').is(':visible');

    if (isvisible) {
      $(this).next('.equipdetailupload').hide();
    } else {
      $(this).next('.equipdetailupload').show();
    }
  });


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id='show_hide2' href='#'>upload Image</a>
<p class='equipdetailupload'></p>
<---------------------see notes <div class='equipdetailupload'>
  <!-- #INCLUDE virtual="imageup/uploadtester1.asp" -->
  </div>

Примечания. Строка, помеченная примечаниями, добавлена ​​мной в качестве теста при попытке показать элемент div, причем эта строка в элементе div также отображается без него.код не работает