Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.04.2010, 16:57
Интересующийся
Отправить личное сообщение для KaizZzer Посмотреть профиль Найти все сообщения от KaizZzer
 
Регистрация: 11.03.2010
Сообщений: 18

jQuery SlideDown Function
помогите написать функцию так, чтобы она работала

<script type="text/javascript">
toggle=true;
   $(document).ready(function(){
	function open_answer(classdiv){
	     if(toggle){
		 $(classdiv).find("div.hided").slideDown(200);
		 toggle=false;
	     }else{
		 $(classdiv).find("div.hided").slideUp(200);
		 toggle=true;
	     };
	};
   });
</script>


Эта функция должна открывать/закрывать див с классом .hided

хтмл-код выглядит так:

<li class="show" >
  <a href="#" onclick="open_answer($(this).parent())">Вопрос</a>
  <div class="hided">Ответ</div>
</li>


На клике ничего не происходит. В чем ошибка?
Ответить с цитированием
  #2 (permalink)  
Старый 25.04.2010, 17:29
Аватар для micscr
Профессор
Отправить личное сообщение для micscr Посмотреть профиль Найти все сообщения от micscr
 
Регистрация: 10.09.2009
Сообщений: 1,577

Вынеси описание функции open_answer в глобальное пространство имен. А то она описана внутри другой функции.
Ответить с цитированием
  #3 (permalink)  
Старый 25.04.2010, 17:33
Интересующийся
Отправить личное сообщение для KaizZzer Посмотреть профиль Найти все сообщения от KaizZzer
 
Регистрация: 11.03.2010
Сообщений: 18

ога, сделал! теперь открываются вообще все ответы, если кликнуть по любой кнопке

UPD. Все работает. Спасибо!
Ответить с цитированием
  #4 (permalink)  
Старый 06.05.2010, 12:30
Новичок на форуме
Отправить личное сообщение для mosquito Посмотреть профиль Найти все сообщения от mosquito
 
Регистрация: 05.05.2010
Сообщений: 6

"jquery: write less, do more" =\
если есть такая структура хтмл
<ul>
    	<li>
    		<a href="#" class="question">Question 1</a>
    		<div class="hided">
    			answer 1
    		</div>
        </li>
        <li>
        	<a href="#" class="question">Question 2</a>
    		<div class="hided">
    			answer 2
    		</div>
        </li>
    </ul>


может лучше сделать так
$(function(){
	$("div.hided").hide();
	$(".question").click(function(){
               	$(this).next("div.hided").toggle("slow");
         });
});

?0о
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
$('my').load(); Как сделать, чтобы это заработало mycoding Общие вопросы Javascript 25 02.10.2016 23:43
CComponent - кроссбраузерные компоненты tenshi Ваши сайты и скрипты 5 20.04.2010 23:22
Свойства посредством полиморфных функций tenshi Ваши сайты и скрипты 0 18.03.2010 17:12
хитросплетения Global,контекст,this,Reference kefi Общие вопросы Javascript 109 20.11.2009 23:34
SlideDown (jQuery) по выбору эллемента из SelectBox slant jQuery 1 24.09.2008 15:17