За последние 24 часа нас посетили 17638 программистов и 1720 роботов. Сейчас ищут 974 программиста ...

Плавное появление из none

Тема в разделе "JavaScript и AJAX", создана пользователем ??? Соловьев Е ш326, 22 июн 2014.

  1. Доброго времени суток дорогие форумчане.

    Появилось желание (для красивой визуализации) сделать плавное появление блока из display:none;.
    Попробовал в JS после display='block' marginом подтягивать то, что снизу, добавлять к элементу transition и снова менять margin. Не получилось. Вот код http://cssdeck.com/labs/om3o03u7

    Подскажите пожалуйста, как реализовать.
    (JQuery не предлагать)

    С уважением Евгений.
     
  2. rewuxiin

    rewuxiin Активный пользователь

    С нами с:
    17 апр 2012
    Сообщения:
    611
    Симпатии:
    87
    в поиск css transition и не нужно никаких js
     
  3. JS нужен, ибо на нем происходит display:block;. Псевдокласс :checked для невидимого checkbox не подходит!
     
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.771
    Адрес:
    :сердА
    Ну и мучайтесь, изобретая собственные велосипеды.
     
  5. Сие не есть велосипед. Если есть решение в JQuery, то есть и в JS, а подгружать всю библиотеку ради одной функции более чем глупо.
     
  6. rewuxiin

    rewuxiin Активный пользователь

    С нами с:
    17 апр 2012
    Сообщения:
    611
    Симпатии:
    87
    в чем проблема по клику задавать стиль в котором будет transition?
     
  7. http://cssdeck.com/labs/2pcggalc
    "натягивается" причем с анимацией, а обратно никуда.
    Или я что-то неправильно написал?
     
  8. YSandro

    YSandro Старожил

    С нами с:
    7 апр 2011
    Сообщения:
    2.523
    Симпатии:
    2
  9. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
    более глупо упереться рогами и зажать 30 кб кода не подключая jquery. более глупо тратить на это время, деньги, свое свободное время, силы.

    Добавлено спустя 20 секунд:
    скажи просто не разобрался с jquery
     
  10. Нет.
    [​IMG]
     
  11. YSandro

    YSandro Старожил

    С нами с:
    7 апр 2011
    Сообщения:
    2.523
    Симпатии:
    2
    Тот же аккордеон с отступами :)
     
  12. Под аккордеон структура кода не подходит. Изменить нельзя
     
  13. YSandro

    YSandro Старожил

    С нами с:
    7 апр 2011
    Сообщения:
    2.523
    Симпатии:
    2
  14. YSandro

    YSandro Старожил

    С нами с:
    7 апр 2011
    Сообщения:
    2.523
    Симпатии:
    2
    Да ты мучаешься с ерундой. Я таких меню понаделал сотни разных в своё время, потому и предлагаю взять плагин, а не терять время. По твоим текущим экспериментам видно, что мучиться будешь долго.
     
  15. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
    это делается тупо на css
     
  16. Да, я не прав..

    QJuery не хочу использовать т.к. даже не начинал его изучение, а пихать что-то и не понимать что не очень круто.
    Времени на изучение сейчас нет, а проект надо пилить.

    http://cssdeck.com/labs/ycwxhiqu
    (там какой-то косяк с выводом содержимого контактов, разбираться не стал, он не существенен, на локальной машине все ок)

    Добавлено спустя 1 минуту 53 секунды:
    Я не смог сделать это "тупо на css", если не против, подкиньте хоть намек
     
  17. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
  18. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.771
    Адрес:
    :сердА
    Это вот фраза, характеризующая 95% производства в этой стране.
     
  19. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
  20. Лучше не знать JQuery, чем быть полностью от него зависимым как 95% участников этого форума.
     
  21. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
    лучше не носить одежду, чтоб не быть зависимыми как 95% жителей планеты
     
  22. dapperkop

    dapperkop Активный пользователь

    С нами с:
    26 сен 2013
    Сообщения:
    890
    Симпатии:
    0
    ??? Почему ты так думаешь?)) Задачи решаются по мере их поступления... Обычно, если набита рука, то неважно - пользуешься ты jQuery или нет, главное, чтобы было сделано хорошо.
    Лично я пользуюсь jQuery в основном из-за недостающих функций, trim(), например, или each()... Много функционала предоставляет - это раз, удобный механизм выборки элементов - это два. Этих двух пунктов лично мне более чем достаточно, чтобы понять, что jQuery знать все-таки нужно.
     
  23. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
  24. dapperkop

    dapperkop Активный пользователь

    С нами с:
    26 сен 2013
    Сообщения:
    890
    Симпатии:
    0
    Ииии, да... Попробуйка написать что-то подобное datepicker на js, посмотрим куда ты побежишь после трех минут раздумий)))

    Добавлено спустя 26 секунд:
    Этот мужик в красном трико мне?