tag:blogger.com,1999:blog-8082055002947182121.post8060620610532400702..comments2023-10-25T17:41:32.544+06:00Comments on frinity: Toggle div element using jQueryUnknownnoreply@blogger.comBlogger12125tag:blogger.com,1999:blog-8082055002947182121.post-24453648222921631052011-10-21T18:11:02.564+06:002011-10-21T18:11:02.564+06:00Very nice tutorial! I've added this to my code...Very nice tutorial! I've added this to my code lib. Thanks for the great tutorial.Dan K.noreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-41534381268364457812010-09-16T07:34:10.995+06:002010-09-16T07:34:10.995+06:00I don't usually leave comments, but I just wan...I don't usually leave comments, but I just wanted to thank you. This code absolutely saved my life and it was wayyy more easy for me to understand, apply to my existing structure, and even build upon a little in the paired-down example you provided than the full out toggling done with Javascript (of which I know zilch) and have been struggling with for the past week. I am so glad I found this and I wish more people posted concepts with just the bare-bones of code.Felicitynoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-30060479522159278352010-01-07T17:15:25.513+06:002010-01-07T17:15:25.513+06:00Hi,
I'm wondering, if there's a way to ch...Hi,<br /><br />I'm wondering, if there's a way to change the link text. So "Show the Textbox" and if it's open, backwards as "Hide the Textbox".<br /><br />Thanks!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-79817468782745060022009-09-10T23:16:28.143+07:002009-09-10T23:16:28.143+07:00Scott:
To hide a layer on load and then reveal the...Scott:<br />To hide a layer on load and then reveal the code you can simply add these lines to the js-<br /><br />$('#textBox').hide();<br /><br />return false;<br /><br />Not together though.<br /><br />The completed code-<br />$(document).ready(function() {<br /><b>$("#textBox").hide();</b><br />$("#clickMe").click(function() {<br />$("#textBox").toggle();<br /><b>return false;</b><br />});<br />});Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-55968217811526062722009-08-30T04:23:07.962+07:002009-08-30T04:23:07.962+07:00How would you initially hide the layer on load, th...How would you initially hide the layer on load, then on click display?Scottnoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-75044591224136842852009-05-06T12:01:00.000+06:002009-05-06T12:01:00.000+06:00hi Christina
You need to add jQuery script in you...hi Christina<br /><br />You need to add jQuery script in your file.<br /><br />Try to add this.<br /><br /> src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"<br /><br />Nik'sNik'snoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-46264028824968178202009-03-21T12:12:00.000+06:002009-03-21T12:12:00.000+06:00Hi There!I have just copied and pasted the code to...Hi There!<BR/><BR/>I have just copied and pasted the code to see if it works, but unfortunately it doesn't...<BR/><BR/>When i open up the html file in my firefox browser, it finds a javascript error:<BR/><BR/><B>$ is not defined on line 10:<BR/>$(document).ready(function() {</B><BR/><BR/>what does this mean?<BR/><BR/>regards, <BR/>Christina, South AustraliaAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-63296388013063732052009-02-20T12:41:00.000+06:002009-02-20T12:41:00.000+06:00Maybe use the find function? Example: $('#divparen...Maybe use the find function? Example: $('#divparent').find('divchildren').toggle();Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-27277920561121654972009-02-13T22:30:00.000+06:002009-02-13T22:30:00.000+06:00How we we used this with multiple toggles DIV's?I'...How we we used this with multiple toggles DIV's?<BR/><BR/>I'm trying to expand more than 3 DIVs.<BR/><BR/>any clues..?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-75154530010201552142008-06-15T00:44:00.000+06:002008-06-15T00:44:00.000+06:00use this for a sliding effect:$(document).ready(fu...use this for a sliding effect:<BR/><BR/>$(document).ready(function() {<BR/> $("#clickMe").click(function() {<BR/> $("#textBox").toggle('slow');<BR/> });<BR/>});Fahad Ibnay Heylaalhttps://www.blogger.com/profile/06207967118241229645noreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-88398856628935020792008-06-12T21:17:00.000+06:002008-06-12T21:17:00.000+06:00thanks for the tutorial.is it possible to toggle t...thanks for the tutorial.<BR/><BR/>is it possible to toggle the element slowly with a fading effect?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8082055002947182121.post-51777788187689649562008-06-10T22:51:00.000+06:002008-06-10T22:51:00.000+06:00i was looking for a way to do it without messing m...i was looking for a way to do it without messing my html code. your code served it well. thanksAnonymousnoreply@blogger.com