[jQuery] Show/Hide/Toggle
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1543" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=390061915-12072006><FONT face=Arial color=#0000ff size=2>Oh my
gosh! Thank you, I can't believe I missed that very basic CSS ID syntax. Thanks
for helping.</FONT></SPAN></DIV>
<DIV><SPAN class=390061915-12072006></SPAN> </DIV>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<DIV class=OutlookMessageHeader dir=ltr align=left><FONT face=Tahoma
size=2>-----Original Message-----<BR><B>From:</B> discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com]<B>On Behalf Of </B>Myles
Angell<BR><B>Sent:</B> Wednesday, July 12, 2006 11:16 AM<BR><B>To:</B> jQuery
Discussion.<BR><B>Subject:</B> Re: [jQuery]
Show/Hide/Toggle<BR><BR></FONT></DIV>
<DIV>
<BLOCKQUOTE class=gmail_quote
style="PADDING-LEFT: 1ex; MARGIN: 0pt 0pt 0pt 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">
<DIV>
<DIV><FONT face=Arial size=2>Is this possible using jquery?</FONT>
<P></P>
<P><FONT face=Arial size=2>Here is what I tried in this regard but I am not
able to separate the two div's.</FONT> </P>
<P><FONT face=Arial size=2>$(document).ready(function(){</FONT> <BR><FONT
face=Arial size=2> $("#topLink").toggle(function(){</FONT>
<BR><FONT face=Arial size=2>
$(this).html("request a carrier");</FONT> <BR><FONT face=Arial
size=2>
$("#carrList").slideUp("slow");</FONT>
<BR> <FONT face=Arial
size=2> $("addCarr").slideDown("slow");</FONT> <BR><FONT face=Arial size=2> },function(){</FONT> <BR><FONT face=Arial
size=2> $(this).html("request a carrier");</FONT> <BR><FONT face=Arial
size=2>
$("#carrList").slideDown("slow");</FONT>
<BR> <FONT face=Arial
size=2> $("addCarr").slideUp("slow");</FONT> <BR><FONT
face=Arial size=2> });</FONT> <BR><FONT face=Arial
size=2>});</FONT></P></DIV></DIV></BLOCKQUOTE>
<DIV><BR>Daniel,<BR><BR>I'm not certain this is your problem, but
changing:<BR></DIV> <FONT face=Arial
size=2> $("addCarr").slideDown("slow");
<BR>To:<BR></FONT> <FONT face=Arial
size=2> $("#addCarr").slideDown("slow");</FONT><BR><BR>Provides
results similar to what you describe. Some tweaking still looks to be
neccessary.<BR><BR>Myles<BR></DIV></BLOCKQUOTE><FONT SIZE=3><BR>
<BR>
*************************************************************************<BR>
This communication, including attachments, is<BR>
for the exclusive use of addressee and may contain proprietary,<BR>
confidential and/or privileged information. If you are not the intended<BR>
recipient, any use, copying, disclosure, dissemination or distribution is<BR>
strictly prohibited. If you are not the intended recipient, please notify<BR>
the sender immediately by return e-mail, delete this communication and<BR>
destroy all copies.<BR>
*************************************************************************<BR>
</FONT>
</BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/