Response title
This is preview!
When user clicks on <img>, I want to Show/hide <div> and change the <img> src=
in Getting Started
•
11 years ago
Hi,
I'm very new to jquery, but I think it can do what I want...
I have an <img> and I have a <div> that contains multiple <a> elements (the <div> is display:none).
This is the behaviour I want:
When the user clicks on the <img>, the src="" changes to another image and the <div> appears directly underneath the <img> (bottom left).
If the user clicks on an <a> inside the <div>, a js function is called, the <div> hides and the <img src=> goes back to the original image.
If the user clicks the <img> again, the <div> hides and the <img src=> goes back to the original image.
Similarly, if the user clicks anywhere outside the <div>, the <div> hides and the <img src=> goes back to the original image.
I'm very new to jquery, but I think it can do what I want...
I have an <img> and I have a <div> that contains multiple <a> elements (the <div> is display:none).
This is the behaviour I want:
When the user clicks on the <img>, the src="" changes to another image and the <div> appears directly underneath the <img> (bottom left).
If the user clicks on an <a> inside the <div>, a js function is called, the <div> hides and the <img src=> goes back to the original image.
If the user clicks the <img> again, the <div> hides and the <img src=> goes back to the original image.
Similarly, if the user clicks anywhere outside the <div>, the <div> hides and the <img src=> goes back to the original image.
1
