hey guys help me with my codes about minimizer/maximizer trick... this is my old code in my JS, when i click the link header it hides the box of photo gallery.. it also has a effect that when u press the link header it slowly hides the box.. my problem is i want to make the photo gallery box hides first then show when clicked... /* TRIGGER EFFECT */ function trigger_effect(src_element,div_id, effect, first_img, second_img){ Effect.toggle(div_id, effect, {afterFinish:function(){ image = src_element.getElementsByTagName('img')[0]; image.src = image.src.match(first_img) ? second_img : first_img; }}); return true; } //Photo Gallery REPLACEIT.head = REPLACEIT.getModuleByClassName(/photos/i)[0].getElementsByTagName("h2")[0]; REPLACEIT.head.innerHTML = "<div class='editlink'><a href=\"javascript:;\" onclick=\"trigger_effect(this,'content_1','blind', '"+minus+"', '"+plus+"');\"><img src=\""+minus+"\" alt=\"toggle\" title=\"Click Me\"/></a></div>My Rated-R Photos"; i use this code i found here in indonesia forum it works hides first then show when clicked [b]BUT[/b] there's no effect like in my old code... that's why i cannot use this cuz the effect will be gone. can i put the effect here in this code like in my old code?? function show_hide(the_box) { if (document.getElementById(the_box)) { if (document.getElementById(the_box).style.display == 'none') { document.getElementById(the_box).style.display = 'block'; } else { document.getElementById(the_box).style.display = 'none'; } } } // PHOTOS h=document.getElementById("1").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_1'); return false\"><div>"+pageOwnerFName+"\'s Photo Gallery</div></a>"; show_hide('content_1');