[Mori_Arti]

Взял готовый спойлер, чуть его отредактировал, как мне надо, а он не совсем корректно работает, помогите пожалуйста понять, в чём проблема. в JS к сожалению не силён, так что не взыщите) буду признателен за помощь
это скрипт

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript">
    function show(ele) {
      var srcElement = document.getElementById(ele);
      if(srcElement != null) {
          if(srcElement.style.display == "block") {
          srcElement.style.display= 'none';
            var link_name = "<br>Читать далее";
            document.getElementById("tips1").innerHTML = link_name;

          
          }
          else{
            srcElement.style.display='block';
            var link_name = 'Свернуть';
            document.getElementById("tips1").innerHTML = link_name;
          
          }
      }
    }
  </script>

а это html, допустим надо вывести пять статей, как сделать корректный вывод подскажите, плиз

<p>
<span style="float: left;">kh j ljk lkj lkj lkj kj !</span><span id="tt">...</span>
<div class="hidden" style="display: none;" id="cat">
<span>nnwedl jnew dfejefr rfjrelfe rfelf er </span>
</div>
  <div class="headline" onclick="show('cat')"><p id="tips1" style="text-align: left;"><br>Читать далее</p></div>
</p>
<p>
<span style="float: left;">kh j ljk lkj lkj lkj kj !</span><span id="tt">...</span>
<div class="hidden" style="display: none;" id="cat">
<span>nnwedl jnew dfejefr rfjrelfe rfelf er </span>
</div>
  <div class="headline" onclick="show('cat')"><p id="tips" style="text-align: left;"><br>Читать далее</p></div>
</p>
<p>
<span style="float: left;">kh j ljk lkj lkj lkj kj !</span><span id="tt">...</span>
<div class="hidden" style="display: none;" id="cat">
<span>nnwedl jnew dfejefr rfjrelfe rfelf er </span>
</div>
  <div class="headline" onclick="show('cat')"><p id="tips" style="text-align: left;"><br>Читать далее</p></div>
</p>
<p>
<span style="float: left;">kh j ljk lkj lkj lkj kj !</span><span id="tt">...</span>
<div class="hidden" style="display: none;" id="cat">
<span>nnwedl jnew dfejefr rfjrelfe rfelf er </span>
</div>
  <div class="headline" onclick="show('cat')"><p id="tips" style="text-align: left;"><br>Читать далее</p></div>
</p>
<p>
<span style="float: left;">kh j ljk lkj lkj lkj kj !</span><span id="tt">...</span>
<div class="hidden" style="display: none;" id="cat">
<span>nnwedl jnew dfejefr rfjrelfe rfelf er </span>
</div>
  <div class="headline" onclick="show('cat')"><p id="tips" style="text-align: left;"><br>Читать далее</p></div>
</p>