show animates the height and width of the element and inline elements can't have a height or width. I recommend using fadeIn instead (since that doesn't touch height/width) or making the element display: block with a CSS float of left.
--John On Thu, Apr 16, 2009 at 3:08 AM, Raxit <raval.ra...@gmail.com> wrote: > > Hi, > > I am working on validation controls. I want to put some animation > effects when the error message gets displayed. Following is the html > page along with the script. My problem is whenever the message gets > displayed it appears on the next line. I figured that "show" method of > Jquery applies "display:block" on span element due to which it appears > on the next line. I want to display the message in same line as the > control on which it fires. > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// > www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml"; > > <head> > <title></title> > <script src="js/jquery-1.3.2.js" type="text/javascript"></script> > <script type="text/javascript"> > $(document).ready(function() { > $('#spn').hide(); > $('#btn').click(function() { > $('#spn').show('slow'); > }); > > }); > </script> > </head> > <body> > <div> > <input type="text"/><span><span id="spn">Hi</span></span> > <input type="button" value="click me" id="btn" /> > </div> > </body> > </html> > > Thanks in advance. > > PS: I am trying to extend ASP.net validation controls with this > behavior. Validation controls rendered as "span" element. > > > > - Raxit > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to jquery-dev@googlegroups.com To unsubscribe from this group, send email to jquery-dev+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
