Я хочу иметь div, и если вы нажмете на него, это отобразит другое под ним. Оба divs должны иметь в себе текст. Я видел это на месте, но я не знаю, как это сделать ...Нажмите div, чтобы показать/скрыть еще
-3
A
ответ
0
Из комментариев, похоже, вам нужен аккордеон.
Я бы предложил использовать jQuery UI Accordian.
Рабочая Демка JQuery UI Accordian:
$(function() {
$("#accordion").accordion();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<div id="accordion">
<h3>Section 1</h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
<h3>Section 2</h3>
<div>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
suscipit faucibus urna.
</p>
</div>
<h3>Section 3</h3>
<div>
<p>
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3>Section 4</h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
mauris vel est.
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.
</p>
</div>
</div>
1
Омг .. вы проводите какие-либо исследования по этому вопросу?
Прежде всего, второй DIV должен быть скрыт, второй, добавить функцию щелчка на первый DIV, чтобы сделать его FadeIn ... блин ...
$('#div2').hide();
ИЛИ с помощью CSS
#div2{display:none;}
и теперь функция нажмите
$('#div1').click(function(){
$('#div2').fadeIn();
});
1
здесь вы идете:
<div id="one">One</div>
<div id="two" style="display:none;">Two</div>
<script>
document.getElementById('one').addEventListener('click', function(){
document.getElementById('two').style.display = 'block';
});
</script>
надеюсь, что это поможет.
1
Вы можете сделать это путем добавления EventListener на первый DIV:
HTML:
<div id="one">firstdiv</div><div id="two" style="display:none">seconddiv</div>
JS:
var a = document.getElementById('one'); // get the element
var b = document.getElementById('two'); // ---- " ----
a.addEventListener('click',showhide); // listen on the event 'click' and call a function
function showhide() {
if (b.style.display == 'none') { // check if the element is visible
b.style.display = 'block'; // if it's not visible, show it
}
else {
b.style.display = 'none'; // else it's visible, hide it
}
}
-1
JQuery является то, что вы ищете для.
Смежные вопросы
- 1. Нажмите, чтобы показать div, нажмите еще раз, чтобы скрыть, или нажмите за пределами div, чтобы скрыть
- 2. JQuery множественного ПоказатьСкрыть Выпуск
- 3. нажмите еще раз, чтобы выйти
- 4. Нажмите, чтобы закрыть div
- 5. Нажмите, чтобы следующий DIV
- 6. Нажмите на изображение, чтобы переместить div вверх, затем нажмите еще раз, чтобы переместить его, используя jQuery
- 7. Нажмите меню/div, чтобы закрыть
- 8. Нажмите, чтобы удалить родительский div
- 9. jquery нажмите, чтобы показать div
- 10. Нажмите один div, чтобы скрыть другой div
- 11. нажмите на div, чтобы вызвать другой div
- 12. Нажмите div, затухайте в div, нажмите div ИЛИ вне div, чтобы исчезнуть div
- 13. Нажмите кнопку отправки, чтобы открыть форму, затем нажмите еще раз, чтобы отправить форму, используя jQuery?
- 14. Нажмите и показать еще элемент
- 15. Нажмите кнопку, чтобы показать div, затем нажмите кнопку
- 16. Нажмите ссылку, чтобы показать div внутри контейнера
- 17. Нажмите кнопку вниз, чтобы дно DIV
- 18. Нажмите, чтобы скрыть div для сеанса
- 19. Нажмите от: видимый div, чтобы закрыть его
- 20. Нажмите, чтобы прокручивать внутри переполненного горизонтального div
- 21. Нажмите кнопку один раз, чтобы показать UIImage. Нажмите кнопку еще раз, чтобы скрыть UIImage
- 22. Javascript - Нажмите, чтобы повернуть изображение бесконечно и нажмите еще раз, чтобы остановить
- 23. jQuery Нажмите, чтобы запустить функцию, нажмите еще раз, чтобы запустить другую
- 24. Нажмите на div, чтобы другой div появился/исчез.
- 25. Как навести div, чтобы сделать еще одно разделенное div-шоу
- 26. Нажмите, чтобы раскрыть ответ
- 27. ПоказатьСкрыть закладку по текстовому значению не работает
- 28. jQuery Нажмите кнопку, чтобы отобразить div, и снова нажмите на любую область страницы, скроете div?
- 29. JQuery toggler - Нажмите один переключатель, чтобы обновить еще один
- 30. Нажмите на элемент, чтобы появился еще один элемент Android
ли вы имеете в виду в Accordian? http://jqueryui.com/accordion/ –
да, это именно то, что я имею в виду. –
. Пожалуйста, найдите ответ ниже и отметьте его как принятый, если он решает вашу проблему. –