Toggle Blind Effect
Posted
by flipflopmedia
on Stack Overflow
See other posts from Stack Overflow
or by flipflopmedia
Published on 2010-03-12T15:28:50Z
Indexed on
2010/03/13
16:55 UTC
Read the original article
Hit count: 366
Is there a way to alter this script to be used as the blind effect.
// Andy Langton's show/hide/mini-accordion - updated 23/11/2009 // Latest version @ http://andylangton.co.uk/jquery-show-hide
// this tells jquery to run the function below once the DOM is ready $(document).ready(function() {
// choose text for the show/hide link - can contain HTML (e.g. an image) var showText=''; var hideText='';
// initialise the visibility check var is_visible = false;
// append show/hide links to the element directly preceding the element with a class of "toggle" $('.toggle').prev().append(' '+showText+'');
// hide all of the elements with a class of 'toggle' $('.toggle').hide();
// capture clicks on the toggle links $('a.toggleLink').click(function() {
// switch visibility is_visible = !is_visible;
// toggle the display - uncomment the next line for a basic "accordion" style //$('.toggle').hide();$('a.toggleLink').html(showText); $(this).parent().next('.toggle').toggle('slow');
// return false so any link destination is not followed return false;
}); });
FYI- Where it says: var showText=''; var hideText='';
It was originally: var showText='Show'; var hideText='Hide';
I deleted the Show/Hide Text because I am applying the link to different areas of text. I like the Blind effect, vs. this Toggle effect, and need to know how to apply it, if possible. I cannot find a basic Blind effect script that allows the use of applying the link to ANY text, vs. a button or static text.
Thanks! Hope you can help! Tracy
© Stack Overflow or respective owner