Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> показ <div> при нажатом чекбоксе, не показывает сожержимое <div> 
V
    Опции темы
Marlik
Дата 17.10.2013, 06:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Доброго времени суток. Есть два дива, в первом чекбокс, второй скрыт по умолчанию. Не пойму почему не показывает содержимое скрытого <div>?

Код

    <div>
<input type="checkbox" name="agree" onclick=$('#subform').toggle('true');><a href="http://example.com/agree.html">Текст
    </div>

     <div id="subform" class="actions-bar">
<button  type="submit" name="send" class="action primary button" style="display: none;"> Отправка</button>
     </div>



Подскажите, как будет правильно? Заранее спасибо. Кстати если убрать style="display: none; работает, но неправильно, ведь нужно что-бы второй <div> изначально был скрыт и не скрывать его, а показывать, как получается. Функция show() просто тупо не работает.

Это сообщение отредактировал(а) Marlik - 17.10.2013, 07:07
PM WWW Skype   Вверх
ksnk
Дата 17.10.2013, 07:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386



Скрыт не сам див, а кнопка внутри него.
Это если не считать ошибок в разметке и незакрытые теги...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Marlik
Дата 17.10.2013, 07:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Можно подробнее про незакрытые теги, ошибки? Спасибо за помощь, заработало. Нюанс только возник один. Теперь при нажатии на чекбокс всплывает кнопка, но существует вариант что юзер отожмет назад чекбокс, а кнопка останется видимой. Как бы обойти это? Попробую вариант с скрытием div'а где чекбокс находится. Спасибо, разобрался, стояла функция show(). Все работает, плюсанул.

Это сообщение отредактировал(а) Marlik - 17.10.2013, 07:48
PM WWW Skype   Вверх
ksnk
Дата 17.10.2013, 09:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386



Цитата(Marlik @  17.10.2013,  07:22 Найти цитируемый пост)
Можно подробнее про незакрытые теги, ошибки

в примере не закрыт тег A и текст тега onclick не взят в кавычки.

Нужно скрывать-нескрывать по значению чекбокса, а не по toggle.
Код

onclick="$('#subform').stop(true,true)[this.checked?'show':'hide']('slow');"



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
_zorn_
Дата 17.10.2013, 09:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1077
Регистрация: 21.8.2007

Репутация: нет
Всего: 12



Хех, на 2 минуты опоздал smile

Это сообщение отредактировал(а) _zorn_ - 17.10.2013, 09:32
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.1114 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.