problem with show/hide feature.
if you go to the link and click the "men" button... you'll see my image gallery pops up at the bottom.... so it shows the scripts works... but it's for some reasoning opening at the top of the div I have it in and I only see the back n forward buttons with the little dots on the bottom... without the JS in there it shows up perfectly in the div... what am I doing wrong here?... a quick run down of the method I'm using is this...
the button for showing the men's gallery
<input type="button" id="mqpbt" value="Men" />
the div that holds the gallery is this
#mgallery{
width:480px;
height:340px;
float:left;
}
the script I created to make the gallery visible is
$(document).ready(function(){
$('#mqpbt').click(function(){
$('#mgallery').show();
})
});
does anybody see what the problem is with these elements?... like I said... without the JS it sits perfectly how I want it... why is it doing this?