Hi, can you tell me the alternative to make it only work on the select
'a'
On Jan 18, 11:56 am, Andre Polykanine <an...@oire.org> wrote:
> Hello forcer and all,
>
> You have:
> $('a').click(function()...
> This tells jQuery to perform the function on a click to every <a>
> link.
>
> --
> With best regards from Ukraine,
> Andre
> Skype: Francophile; Wlm&MSN: arthaelon @ yandex.ru; Jabber: arthaelon @
> jabber.org
> Yahoo! messenger: andre.polykanine; ICQ: 191749952
> Twitter: m_elensule
>
> ----- Original message -----
> From: for...@gmail.com <for...@gmail.com>
> To: jQuery (English) <jquery-en@googlegroups.com>
> Date: Monday, January 18, 2010, 12:10:58 PM
> Subject: [jQuery] SlideDown Issue.. help!
>
> I am new to jQuery but am using it to SlideDown a DIV element when the
> a:link is clicked.
>
> However, no matter what link i click on the page, it slides down the
> div, it's as if the script has taken over every link on the page.
>
> Here is the code:
>
> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/
> jquery.min.js"></script>
> <script type="text/javascript" charset="utf-8">
> $(document).ready(function () {
> var $div = $('#alias-box');
> var height = $div.height();
> $div.hide().css({ height : 0 });
>
> $('a').click(function () {
> if ($div.is(':visible')) {
> $div.animate({ height: 0 }, { duration: 250, complete:
> function () {
> $div.hide();
> } });
> } else {
> $div.show().animate({ height : height }, { duration:
> 250 });
> }
>
> return false;
> });
> });
> </script>
>
> html:
>
> <a href="#alias-box" style="font-size:10px;">Custom Alias</a>
> <div id="alias-box"><input name="new_alias" class="field_50"
> type="text" /></div>
>
> so clicking Custom Alias, drops the 'alias-box' div.
>
> But even when i click other links such as:
>
> <a href="contact.php">Contact</a>
>
> it ignores going to contact.php and displays the div.
>
> Any ideas how to fix this?
