2010-09-01 2 views
-1

я сделать в HTML ДЛ конструкцию, как это:Вопрос о функции JQuery парения

<dl id="faq"> 
         <dt id="vraag1">Lorem ipsum dolor sit amet consectuteur?</dt> 
         <dd id="vraag1-antwoord"><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
          Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p> 
         </dd> 
         <dt>Lorem ipsum dolor sit amet consectuteur?</dt> 
         <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
          Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p> 
         </dd> 
         <dt>Lorem ipsum dolor sit amet consectuteur?</dt> 
         <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
          Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p> 
         </dd> 
         <dt>Lorem ipsum dolor sit amet consectuteur?</dt> 
         <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
          Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p> 
         </dd> 
         <dt>Lorem ipsum dolor sit amet consectuteur?</dt> 
         <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
          Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p> 
         </dd> 
         <dt>Lorem ipsum dolor sit amet consectuteur?</dt> 
         <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
          Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p> 
         </dd> 
        </dl> 

И у меня есть этот JavaScript:

$("#faq > dt").hover(function() {     
    $(this).parent('dt').addClass('actief'); 
     $("#vraag1-antwoord").slideDown(600); 
      }, function() { 
     $(this).parent('li').removeClass('actief'); 
    $("#vraag1-antwoord").slideUp(600); 
}); 

$("#vraag1-antwoord").hover(function() { 
    $(this).stop().slideDown(); 
    }, function() { 
    $(this).stop().slideUp(); 
}); 

Теперь у меня есть проблема. Я хочу сделать, чтобы вы перешли затем, а затем нужно скопировать . Как я могу изменить функцию. Этот javascript найдет элемент dt и откроет элемент dd. Когда я теперь надвигаюсь, все dd открываются.

Спасибо за помощь!

ответ

0

В какой момент вы выполняете javascript? Завершена ли загрузка HTML перед ее выполнением?

$(document).ready(function() { 
    // Your code 
}); 
+0

Да, я поставил al мой код в один файл. но это не проблема. Я хочу создать функцию, которая найдет все dd и dl. Теперь я делаю для каждого dd и dl. одна функция. Я хочу сделать это в одной функции. – Mike

Смежные вопросы