Text over a img in a div with an associated animation in JS JQuery

Posted on 2011-09-05
Medium Priority
Last Modified: 2012-05-12
I have a div with an associated animation. Clicks on the img triggers the animation. I put a text description in a nested div, over the img. The problem is that now clicking on the text the animation dont work anymore.
Question by:ec2011
1 Comment
LVL 40

Accepted Solution

Gurvinder Pal Singh earned 2000 total points
ID: 36486339
So, the image is inside the parent div and is a sibling to the nested div. And you have given the click event to image, which triggers the animation to parent div. And you want the animation to be triggered when you click on its sibling div also???

<div id="parentDiv"> \\on which you have associated animation
  <img src/> \\on click triggers animation
  <div id="nestedSiblingDiv">SomeText</div>

Is that correct?

You just have to associate animation to click of parent div rather than image

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article discusses how to create an extensible mechanism for linked drop downs.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

627 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question