How to open link before firing jQuery animation

Question

I'm sure there is a simple answer to this, but I can't see it ;)

Here's the HTML:

<div id="kunden">
<ul class="kunden-logos">
<li><a href="A LINK" target="_blank"><img src="AN IMAGE" border="0" /></a></li>
<li><a href="ANOTHER LINK" target="_blank"><img src="ANOTHER IMAGE" border="0" /></a></li>
</ul>
</div>

And the jQuery:

$("#kunden").click(function() {
$("#kunden").animate({
height: "-=20%"
}, 1500 ).removeClass('open');
$("#kunden").css({
backgroundSize: "15%", backgroundImage: "url('AN IMAGE')"
});
$("#kunden .hide").css({
display: "none", margin: "0"
});

How do I get the link to open in a new window before firing the jQuery?

EDIT: I need to distinguish between more than one links in the #kunden div!

Thanks in advance for any help!

score 2 · Answer 1 · edited May 23 '17 at 11:50

2

You can open the link programmatically using @kristinalim solution.

Simply open the link in your click event function right before your animation. On a side note, jQuery selection is expensive to use repetitively, you can however cache it.

kunden = $("#kunden");
kunden.css({ ... });

edited May 23 '17 at 11:50

Community

1
1

answered Oct 29 '13 at 10:56

Vin Lim

173
7

Nauphal · Accepted Answer · 2013-10-29T11:23:33.330

0

Try this

$("#kunden").click(function() {
    $("#kunden").animate({
        height: "-=20%"
    }, 1500).removeClass('open');
    $("#kunden").css({
        backgroundSize: "15%", backgroundImage: "url('AN IMAGE')"
    });
    $("#kunden .hide").css({
        display: "none", margin: "0"
    });
});
$('#kunden ul li a').each(function() {
   window.open($(this).attr('href'));
})

edited Oct 29 '13 at 11:23

answered Oct 29 '13 at 10:49

Nauphal

6,194
4
27
43

Thanks nauphal. How do I apply that to one of more links (see edit!)...? – Richard Tinkler Oct 29 '13 at 11:03
@RichardTinkler: I have updated the answer. Now it will open all the links with in `#kunden` – Nauphal Oct 29 '13 at 11:08
I need only the link that is clicked on to open, not all of them. Is this possible? – Richard Tinkler Oct 29 '13 at 11:18
Thanks nauphal. I removed the .each(function(){}) to ensure that ONLY the link clicked gets opened! – Richard Tinkler Oct 29 '13 at 11:32

How to open link before firing jQuery animation

2 Answers2