jquery развернуть/свернуть кнопка с выводом информации

05.04.2013, 17:19. Показов 4837. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Добрый день,
Как правильно сделать так чтоб по нажатии ссылки выводилась инфа или скрытый блок и заменялось назавание ссылки и при закрытии блока наоборот, т.е обычная кнопка show/hide

HTML5
1
2
3
<ol id="phonelist">
 <li>Anna Karpova<a id=q1 href=#>show</a></li>
 <div id=q2>Ссылка 2</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
 
$('#q2').hide();
$('#q1').click(function() {
if ($('#q1').html('show')) {
$('#q2').show();
$('#q1').html('hide');
}
});
</script>

тут только выводится , как чтобы обратно заменить на show и скрыть инфу

еще тут есть демо код, применяеться toggle(), но он проглатывает всю инфу и ссылки, возможно ли сделать тоже самое со ссылкой применяя toggle()?

HTML5
1
2
<input type="button" id="nextbt" value="Hide">
<div id="section">Hello World</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(function() {
  $("#nextbt").toggle(
  function(){
     $("#section").hide(); 
     $("#nextbt").val("Show");
  },
  function(){
      $("#section").show();
      $("#nextbt").val("Hide");
  }); 
});

Добавлено через 20 часов 46 минут
Всё, наконец, кнопку сделал еще до этого в какомто интернет редакторе, там работала а у себя в файлах при вызове toggle() всё пропадало что в ней
Оказывается всё дело в версии jquery, проблемы были с 1.9.2 а с 1.7.1 работает:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script>
$('#q1').toggle(
function() {if ($('#q1').html('show')) {$('#q2').show();$('#q1').html('hide');}
},
function() {
if ($('#q1').html('hide')) {
$('#q2').hide();
$('#q1').html('show');
}
});
</script>

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

05.04.2013, 17:19

Ответы с готовыми решениями:

Свернуть/Развернуть блок через jQuery
Всем привет. Мне задали задачку сделать такую страничку со списком постов в которой считывались бы данные из БД кто автор поста, текст...

Вот есть кнопочки: свернуть, развернуть, закрыть. Как скрыть кнопку развернуть?
Вот есть кнопочки: свернуть, развернуть, закрыть. Как скрыть кнопку развернуть? Что кнопки свирнуть и закрыть оставались на местах....

Как добавить еще свернуть, свернуть/развернуть?
сделал рамку через BorderStyle

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

05.04.2013, 17:19

Помогаю со студенческими работами здесь

Развернуть/свернуть
Доброго времени суток, проблема такая , не работает JS код в браузерах, то есть нажимаешь кнопку развернуть, а оно не реагирует.В хроме все...

Свернуть\развернуть по ссылке
Вот хочу научиться работать с jQ, но что-то не получается. Хочу чтобы див сворачивался и разворачивался по нажатию на ссылку. Что не так ? ...

Развернуть\свернуть текст
Доброго времени суток! Подскажите пожалуйста, как сделать: есть текст вытащин с БД, нужно на странице, изначально вставить его по...

Свернуть развернуть JFrame
Доброго времени суток. Есть ли у java возможность сворачивать и разворачивать JFrame горячими клавишами

Развернуть свернуть форму
Наверняка этот вопрос здесь обсуждался. Но я пока на него не нашел ответа. Есть некая программа. Если я ее начинаю разворачивать...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .

Наверх