<script>
$(document).ready(function () {
  $('#product-details').children().hide();
  $('.productBenefits').show();
  $("#buttoncollection li:nth-child(1)").addClass('selected');
  $('#buttoncollection .showHide').click(function (event) {
    $('#product-details').children().hide();
    $('#product-details .' + event.target.id).fadeIn(500);
  });
});
</script>

<div id="buttoncollection">
<li><a class="showHide" id="productBenefits">Benefits</a></li>
<li><a class="showHide" id="productFeatures">Features</a></li>
<li><a class="showHide" id="productSpecifications">Specifications</a></li>
<li><a class="showHide" id="productDocuments">Documents</a></li>
<li><a class="showHide" id="productSupport">Support</a></li>
</div>

<div id="product-details">
<div class="productBenefits"><?php multieditDisplay('Benefits'); ?></div>
<div class="productFeatures"><?php multieditDisplay('Features'); ?></div>
<div class="productSpecifications"><?php multieditDisplay('Specifications'); ?></div>
<div class="productDocuments"><?php multieditDisplay('Documents'); ?></div>
<div class="productSupport"><?php multieditDisplay('Support'); ?></div>
</div>