Toggle Blind Effect

Question

Есть ли способ изменить этот скрипт, который будет использоваться в качестве эффекта слепого.

// 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(' <a href="#" class="toggleLink">'+showText+'</a>'); 

// 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'; 

Я удалил Показать/Скрыть текст, потому что я применяю ссылку на различные области текста. Мне нравится эффект «Слепой», против эффекта Toggle, и вам нужно знать, как его применять, если это возможно. Я не могу найти базовый сценарий эффекта Blind, который позволяет использовать ссылку для ЛЮБОГО текста, а также кнопки или статического текста.

Спасибо! Надеюсь, ты поможешь! Tracy

Answer 1

Я, казалось, понял это, ДУХ! Изменяя 1 слово в следующей строке:

$(this).parent().next('.toggle').toggle('slow'); 

Изменено этому:

$(this).parent().next('.toggle').slideToggle('slow'); 

Просто изменилось:
.toggle к .slideToggle

Я также удалил эти ненужные линии полностью:

var showText=''; 
var hideText=''; 

, который первоначально сказал:

var showText='Show'; 
var hideText='Hide'; 

, потому что я хотел применить ссылку, чтобы активировать скрытый DIV к различному тексту.

Также удален другая линия, связанная с этим:

$('.toggle').prev().append(' <a href="#" class="toggleLink">'+showText+'</a>'); 

Назад, чтобы сделать этот раздвижной эффект [Прямой слайд вниз/вверх против вступления в/из верхних/левого угла]: После того как я понять что изменение .toggle к .slideToggle сделал трюк, я затем заменить строку следующим образом:

$(this).parent().next('.toggle').animate({"height": "toggle"},{duration: 1000}); 

вместо:

$(this).parent().next('.toggle').slideToggle('slow'); 

Теперь у меня есть контроль над скоростью, которая обеспечивает более плавный слайд.

Для HTML просто примените класс «toggleLink» к любой ссылке с помощью href = «#». Для скрытого DIV примените класс «toggle».