following up from yesterday...

This portion of the code does work.

$(document).ready(function(){
$('#listMenu a').click(function (selected) {
        var getPage = $(this).attr('id');
        var getName = $(this).attr('name');

        //console.log(getPage);
        //console.log(getName);

            $(function() {
            $("#" + getName ).show();
            var getColor = $('#' + getName ).css('background-color');
            $('#header' ).css('background', getColor);
            $('#slideshow' ).css('background', getColor);
            $('span').css('background', getColor);
            $('#menuContainer').css('background', getColor);

        });

        $('li.listMenu ul').hide();
  });           
});

I am able to get what I wanted selected; based on vars getPage and getName, now I need to hide what is not selected.

I have tried this:

$(function() {
  var notSelected = $('div').filter(selected).attr('id', 'name');
  $(this).hide();
  console.log(notSelected);
});

placed just above: $('li.listMenu ul').hide();

but it's not correct, remember I am really a newbie.

what I see on screen is the new selected items on top of what should be hidden.

again any help is appreciated.

-sjs