Thanks! I just sorted that out. Answered my own question. I needed to prepend # to the id for the jQuery functions to work. $('#' + id).show();
On Oct 6, 7:29 pm, James <james.gp....@gmail.com> wrote: > Try: > > $('#'+id).show(); > > On Oct 6, 1:17 pm, vjimw <im.a.machobea...@gmail.com> wrote: > > > Here is my .ready function using tabs and a class of .remote to start > > using the history plugin > > > // Show and hide product grids > > $(document).ready(function() { > > $(".remote").click(function(event) { > > document.location.hash=this.title; > > show_subcat_menu(); > > toogle_subcat_ul('ul_sub_category_'+this.id.replace(/\|/g,'_')); // > > replace all pipes with underscore chars > > }); > > > }); > > > And specifically that function calls this to help show and hide some > > navigation elements with context. > > > function toogle_subcat_ul(id) { > > $("[id^=ul_sub_category_]").hide(); > > $(id).show(); // does not work > > document.getElementById(id).style.display="block"; // does work > > > } > > > Any ideas why the display=block works while the jQuery show() does > > not. Any ideas? > > > Thanks! > > Jim