Hi, thanks a lot. It seem works! Vojtech
On 13 kvÄ›, 14:55, "oly.ya...@googlemail.com" <oly.ya...@googlemail.com> wrote: > try instead of > $(".lab_"+input_name+" #test").hide(); > this: > $(".lab_"+input_name+" ").children("#test").remove(); > or if you don't want to actually remove them: > $(".lab_"+input_name+" ").children("p").hide(); > > Hope this helps > > On 13 May, 14:02, vmoravek <vojtech.mora...@googlemail.com> wrote: > > > Hi all, > > I found same strange behavior when I trying hiding, or removing DIVs > > inside form. > > > Please look on my sample here:http://62.245.92.202/jquery-sample.php > > > Expected behavior is: > > > When I make change inside input field "one" text "lorem ipsum" will be > > shown between "one" and input:text field. When another change is made > > "lorem ipsum" text will be remove and shown again. So every time there > > will be only one text "lorem ipsum" > > > This scenario works great only in field "one" when try to fill another > > fields "two" or "three" "lorem ipsum" text will not hide and will be > > shown again and again bellow last one. > > > Please, could you check my script and tell me what I doing wrong? > > > Thank you > > Vojtech > > > Whole script from sample for copy/paste: > > > <head> > > > <script src="http://jquery.com/src/jquery-latest.js" type="text/ > > javascript"></script> > > <script type="text/javascript"> > > $(document).ready(function(){ > > $("#cust_registration input:text").change(function() { > > > var input_name = $(this).attr("name"); > > > $(".lab_"+input_name+" #test").hide(); > > > $("label[for="+input_name+"]").after("<p > > id=\"test\"><strong> > > lorem ipsum </strong></p>"); > > > }); > > }); > > </script> > > </head> > > > <body> > > > <div class="customer_login_form"> > > <form id="cust_registration" method="" action=""> > > > <div class="lab_one"> > > <label id="" class="form_desc" > > for="one">one</label> > > </div> > > > <div> > > <input id="one" class="inputbox" > > type="text" name="one"> > > </div> > > > <div class="lab_two"> > > <label id="" class="form_desc" > > for="two">two</label> > > </div> > > > <div> > > <input id="two" class="inputbox" > > type="text" name="two"> > > </div> > > > <div class="lab_three"> > > <label id="" class="form_desc" > > for="three">three</label> > > </div> > > > <div> > > <input id="three" class="inputbox" > > type="text" name="three"> > > </div> > > > </form> > > </div> > > </body> > >