jquery toggle как использовать для отдельных элементов без отдельных идентификаторов?

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>FAQ Section</title> 
<link rel="stylesheet" type="text/css" href="styles.css"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("h2").click(function(){ 
    $("p").toggle("fast"); 
    }); 
}); </script> 

</head> 

<body> 
    <h1>FAQ</h1> 

    <div> 
    <!-- The FAQs are inserted here --> 

     <h2>Question1?</h2> 
     <p>Answer...</p> 
     <h2>Question2?</h2> 
     <p>Answer...</p> 
     <h2>Question3?</h2> 
     <p>Answer...</p> 
    </div> 

</body> 

</html>

Это мой пример страницы: http://www.kursatkarabulut.com/kopya.html jquery toggle как использовать для отдельных элементов без отдельных идентификаторов?

То, что я пытаюсь сделать, это FAQ страница моего персонального сайта. Будет около 40 вопросов. Я новичок в jQuery. Я использовал переключатель для каждого вопроса. Только вопросы будут отображаться при запуске, и когда пользователь нажмет на вопрос, он отобразится ниже, снова нажмите, и он будет скрыт. Прямо сейчас, когда я нажимаю на вопрос, он расширяется и сжимает все вопросы.

Есть ли способ сделать это индивидуально, не используя отдельные идентификаторы для каждого заголовка? И как можно загрузить страницу с отключением?

Спасибо.

источник

2012-06-14 showbiz

вы можете это сделать, но это будет проще реструктурировать код НЕМНОГО – Huangism

попробовать это ...

$("h2").click(function(){ 
    $(this).next().toggle("fast"); 
    });

и это сделает тумблер на странице загрузки:

$("h2").click();

или если вы не хотите, чтобы переключить анимацию при загрузке страницы вы можете сделать это:

$("p").toggle();

See here for a working example

источник

2012-06-14 19:09:11 musefan

Большое спасибо за ответ, это сделал мой день. – showbiz

Try:

$("h2").click(function(){ 
    $(this).next().toggle("fast"); 
});

источник

2012-06-14 19:09:20

Пример: http://jsfiddle.net/PqLej/2/ –

Попробуйте

$(document).ready(function(){ 
    $("h2").click(function(){ 
    $(this).next("p").toggle("fast"); 
    }); 
});

источник

2012-06-14 19:11:17

jquery toggle как использовать для отдельных элементов без отдельных идентификаторов?

ответ

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