I did not check the CSS but as for Jquery code:
you can regroup your DIV like following:
<div class="absoluteCenter" id="closedChatBubbleA">
<p> ../images/closedChatBubbleA.png </p>
<p> ../images/expandedChatBubbleA.png </p>
</div>
$(".absoluteCenter").click(function(){
$this = $(this);
$this.children(".closedChatBubbleA") gives you the span closed as jquery
object and you can fadein, hide it ,or do whatever you like to do the same
thing for expandedChatBubble and this code is for all your 3 divs.
});
Auriion wrote:
>
> Here is a link to what I'm actually working on at the moment.
> http://206.196.101.53//magnacaretemplates/prototypes/chatBubble.html
>
> You can just look at the source, it's pretty simple.
>
> I'm using a css technique to get the divs to position in relation to the
> center of the document. I don't think that has anything to do with my
> issue though.
>
> Thanks for responding.
>
>
> FrenchiInLA wrote:
>>
>> Can you Post your code? anyway $(this) gives you the DIV as Jquery
>> object inside of click event.
>> Put the same class to all your div and use some code like:
>> $(.yourclass).click(function(){$(this).dosomthing();});
>>
>>
>> Auriion wrote:
>>>
>>> Hi,
>>>
>>> I have 3 div's on the screen that I've also added click events to.
>>> These click events simply make the div you click fade out, and a
>>> corresponding div fade in.
>>>
>>> Now the problem is, after double checking my ID targets and
>>> experimenting with different combinations, that only the very last div I
>>> set to appear actually appears.
>>>
>>> To further the confusion, if you click the other 2 non-corresponding
>>> divs, it makes only that last one appear and disappear in the same way.
>>>
>>> Any thoughts? I'm completely stumped. I've even re-built the effect
>>> using scriptaculous with the exact same bug happening.
>>>
>>> Thanks in advance.
>>>
>>
>>
>
>
--
View this message in context:
http://www.nabble.com/Jquery-effects-Issue-with-multple-ID-targets-tp17364584s27240p17367675.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
