This site is based on a jquery accordion. When I click on the first link in the accordion (Chirp…), part of the little bird image disappears for a second then reappears. Do you have any idea why?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
This site is based on a jquery accordion. When I click on the first link in the accordion (Chirp…), part of the little bird image disappears for a second then reappears. Do you have any idea why?
It’s disappearing because the animation is applying an
overflow: hidden;to the containers that it’s animating.Give me a sec and I’ll see if I can find a fix for you.
Ok, the way that I’d fix it is to have the bird image as a background on#wrapperThought of a better way.
Change the width of
#wrapperto920pxand add left and right padding to your accordionliitems of30px(half of the 60px that we’ve added to the total width). This way your bird image will be contained within theliand thus not hidden by the overflow cutting it off on animation.Note: the animation is a little off, there’s some weird jumpy-ness going on, but I’ve ignored that for the purposes of this and just looked at how to make the bird image not get cut-off.
:)