Hi and thanks in advance to any who can help.

I am trying to build out a portfolio site (http://www.xyforge.com/
portfolio) and am using the scroll function to show/hide content.  The
problem that I have is I want the first child of the #content <div> to
initially display on load, and then disappear on any subsequent clicks
of the menu.

Here's the function:
<script type="text/javascript">
var cel = null;
function toggleContent(el)
{
                if (cel) {
                        $('#' + cel).slideUp('slow');
                }
        if (el != cel) {
                cel = el;
                $('#' + cel).slideDown('slow', function(){$('#h_' +
cel).ScrollTo(1000);});
        } else {
                cel = null;
        }
        return false;
}
</script>

Here's the content layout:
<div id="content">
  <div id="fold_01">//initially display me</div>
  <div id="fold_02">//hide me</div>
  <div id="fold_03">//hide me</div>
  ..and so on
</div>

Thanks!

Reply via email to