toggle div hide

enable back and front extra info

HTML

<footer class="entry-footer">
<div style="display: block;">
<br>One</div>
<div style="display: none;">
<br>Two</div>
<div style="display: none;">
<br>Three</div>
</footer>
<footer class="entry-footer">
<div style="display: block;">
<br>One 2</div>
<div style="display: none;">
<br>Two 2</div>
</footer>

JavaScript

$('.entry-footer').click(function() { 
    var childNum = $(this).children().length;
    $(this).children().each(function(ind, el) {
    	if ($(this).is(':visible')) {
      	if (ind == childNum - 1){
          $(this).siblings(":first").show();
          $(this).hide();
          return false;
        } else {
          $(this).hide();
          $(this).next().show();
          return false;
        }
      }
    });
});