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');