Comments on: Slicker Show and Hide http://www.learningjquery.com/2006/09/slicker-show-and-hide Tips, techniques, and tutorials for the jQuery JavaScript library Wed, 08 Feb 2012 13:50:43 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Ayac http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-86461 Ayac Tue, 31 Jan 2012 16:52:08 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-86461 It is a great tutorial! It did not work for me for the first time, but then I realized, I did not load the jquery collection properly, so that is not your fault. I do not get what kind of missing source file my predecessor was complaining about, when the complete code is here... I think those who can not implement it should not even start programming... I would not try to drive a car if I have not even seen one, right? I'd probably get a license first... so anyways, I could create a great mobile interface for one of my pages using your script. Keep up this good work, and thanks again for this helpful tutorial!!! It is a great tutorial! It did not work for me for the first time, but then I realized, I did not load the jquery collection properly, so that is not your fault.

I do not get what kind of missing source file my predecessor was complaining about, when the complete code is here… I think those who can not implement it should not even start programming… I would not try to drive a car if I have not even seen one, right? I’d probably get a license first… so anyways, I could create a great mobile interface for one of my pages using your script. Keep up this good work, and thanks again for this helpful tutorial!!!

]]> By: John Surf http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-86201 John Surf Mon, 09 Jan 2012 17:29:13 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-86201 Trying this now! Much better then what I was using before. Thanks. Trying this now! Much better then what I was using before. Thanks.

]]> By: robert http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-84420 robert Fri, 16 Sep 2011 23:31:24 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-84420 I am trying to show a div and hide multiple, then click on other link to show one of the hidden divs and hide all others. My links are on left and divs on right. Toggle is OK for just 2 dives but I have 20 - show 1 hide 19, etc. What is the modification to code for this? I am trying to show a div and hide multiple, then click on other link to show one of the hidden divs and hide all others. My links are on left and divs on right. Toggle is OK for just 2 dives but I have 20 – show 1 hide 19, etc.

What is the modification to code for this?

]]> By: Karl Swedberg http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-84409 Karl Swedberg Wed, 14 Sep 2011 14:15:47 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-84409 What do you mean by "the download option"? I provided a link to the script: http://www.learningjquery.com/js/slicker.js What do you mean by “the download option”? I provided a link to the script: http://www.learningjquery.com/js/slicker.js

]]> By: Sunil http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-84408 Sunil Wed, 14 Sep 2011 13:16:23 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-84408 I think you should have provided the download option too :( I think you should have provided the download option too :(

]]> By: mrksgrn http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-84400 mrksgrn Sat, 10 Sep 2011 18:51:44 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-84400 How can you make the slickbox1 and slickbox2 hide by default? The original script doesn't work with this structure. Please advise, thanks. How can you make the slickbox1 and slickbox2 hide by default? The original script doesn’t work with this structure.

Please advise, thanks.

]]> By: Andre http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-84122 Andre Sun, 31 Jul 2011 23:53:46 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-84122 This should be quite simple. You can have your divs layed out like this: <code><div id = "slickbox1" style = "display: none;"></code> <code><div id = "slickbox2" style = "display: none;"></code> Then do a href to your text to a javascript function <a hef = "javascript:toggleme(id);"> hidden text </a> Where id is your slickbox id value, however you are dynamically building it. The javascript function would be something like this: function toggleme(targetId) { $("#" + 'slickbox' + targetId).toggle(400); } You can use this structure for whichever slickbox method you'd like. This should be quite simple. You can have your divs layed out like this:

<div id = "slickbox1" style = "display: none;">

<div id = "slickbox2" style = "display: none;">

Then do a href to your text to a javascript function

<a hef = “javascript:toggleme(id);”> hidden text </a>

Where id is your slickbox id value, however you are dynamically building it.

The javascript function would be something like this:

function toggleme(targetId) {
$(“#” + ‘slickbox’ + targetId).toggle(400);

}

You can use this structure for whichever slickbox method you’d like.

]]> By: Tom van der Veer http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-84051 Tom van der Veer Thu, 28 Jul 2011 10:55:33 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-84051 <pre><code> $(document).ready(function(){ $('#slickbox').hide(); //hide the form using JS so that if the browser doesn;t support JS then the form is always displayed. $("#checkboxid").click( function (){ if(this.checked){ $('#slickbox').show('slow'); } else { $('#slickbox').hide('fast'); } }); }); </code></pre> slickbox = id of the div to hide / show checkboxid = id on the checkbox that triggers the event $(document).ready(function(){ $('#slickbox').hide(); //hide the form using JS so that if the browser doesn;t support JS then the form is always displayed. $("#checkboxid").click( function (){ if(this.checked){ $('#slickbox').show('slow'); } else { $('#slickbox').hide('fast'); } }); });

slickbox = id of the div to hide / show
checkboxid = id on the checkbox that triggers the event

]]> By: Sean http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-83893 Sean Tue, 19 Jul 2011 21:18:44 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-83893 I am working on a new website and looking to replicate the effect of the pages here where a 'half' opaque slider overlaps the image, and has a scroll function enabled, embedded links etc. www.pelicanhill.com Just hit the menu buttons to see the functionality. Is there coding or plugin that will create these effects in JQwery or ? Thanks! I am working on a new website and looking to replicate the effect of the pages here where a ‘half’ opaque slider overlaps the image, and has a scroll function enabled, embedded links etc.

http://www.pelicanhill.com

Just hit the menu buttons to see the functionality.

Is there coding or plugin that will create these effects in JQwery or ?

Thanks!

]]> By: Jason Day http://www.learningjquery.com/2006/09/slicker-show-and-hide/comment-page-3#comment-83767 Jason Day Fri, 17 Jun 2011 18:06:55 +0000 http://www.learningjquery.com/2006/09/slicker-show-and-hide#comment-83767 How would I add focus to the div when shown (for accessibility) How would I add focus to the div when shown (for accessibility)

]]>