Показать див по клику

@nonamez123 · Регистрация: 23.10.2010

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

HTML5
1
2
3
4
5
6
7
<a href="" id="login" >Click Me</a>
        <div style="text-align:center; display: none" id="divlogin">
        <form method="POST" action="">
          <input name="username" type="text" id="username" value="Name" onfocus="value=''"/>
          <input name="password" type="password" id="password" value="password" onfocus="value=''"/>
          <input name="Prisijungti" type="Submit" value="Login"  />
        </div>

Есть такой кусок HTML, див надо вывести по клику.

JavaScript
1
2
3
4
5
6
$(document).ready(function() { 
    $('#login').click(function() {
      $('#divlogin').show();
      return false;
    });
});

Добавлено через 7 минут
Таки придумал костыль:

JavaScript
1
2
3
4
5
    $('#login').click(function() {
      $('#login').addClass('show_hide');
      $('#divlogin').removeClass('show_hide');
      return false;
    });

CSS
1
2
3
.show_hide {
    display:none;
}

@Egoist0 · 20.01.2012, 11:38

как правило если нету ссылки , а просто надо вывести какуйто информаию в блок толи закладки сделать используют теги <p><span><li> если же это список я испльзую лично <p> если это горизонтальные закладки я использую <span>

@Novosad · 20.01.2012, 14:26

Как вариант можешь прятать див до полной загрузки страницы методом hide(). Так же можешь по клику не добавлять/забирать класс .show_hide, а менять свойтво css:

JavaScript
1
2
3
4
5
$('#login').toggle(function(){
     $('#divlogin').css({'display':'block'});
}, function(){
     $('#divlogin').css({'display':'none'});
});

Vovan-VE · 20.01.2012, 17:54

HTML5
1
2
3
4
5
6
7
<div class="panel">
  <div class="title">Заголовок</div>
  <div class="body">
    <p>Lorem ipsum dolor sit amet consectepture, adipisicing elit.</p>
    <p>Lorem ipsum dolor sit amet consectepture, adipisicing elit.</p>
  </div>
</div>

CSS
1
2
.panel > .body {display: none;}
.panel.open > .body {display: block;}

JavaScript
1
2
3
$('.panel > .title').click(function(){
    $(this).parent().toggleClass('open');
});

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа 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 Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@Egoist0 21 / 21 / 2 Регистрация: 17.02.2011 Сообщений: 303 Записей в блоге: 1
	20.01.2012, 11:38
	как правило если нету ссылки , а просто надо вывести какуйто информаию в блок толи закладки сделать используют теги <p><span><li> если же это список я испльзую лично <p> если это горизонтальные закладки я использую <span> 0