Jump to content
  • Sign Up
Igor_Dp

Выпадающее меню

Recommended Posts

Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...

Share this post


Link to post
Share on other sites

Благодарю за совет. А как тогда убрать квадратик этот??? Что-то никак не получается. 

 

И сразу еще - а как сделать, чтобы плавно открывалось меню? transition, как я понял, здесь не поможет.

Share this post


Link to post
Share on other sites

Да. И еще, у меня подменю выпадает, только когда я галочку ставлю. Все логично, судя по коду. Только в песочнице работает даже при клике на слово, а у меня в коде только при клике на сам input

Share this post


Link to post
Share on other sites

Здравствуйте! Можете по этому примеру https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion_animate сделать. Вам никто не мешает вместо текста поставить ссылки или какие угодно теги (список и т.п.) https://jsfiddle.net/Benedetta/14fe5t05/ 

Share this post


Link to post
Share on other sites

Метод то поинтересней конечно, а разбираетесь ли вы в JS если сами этого не сделали, я скинул вам самый простой вариант на обычном CSS зачем JS использовать для таких банальных вещей?)))) квадратик убирается просты display:none для input, ознакомьтесь https://github.com/you-dont-need/You-Dont-Need-JavaScript, и Светлане советую ознакомиться))))

Share this post


Link to post
Share on other sites

Благодарю за ссылочку. Довольно интересный материал. Даже не думал, что такое можно без JS сделать)

Share this post


Link to post
Share on other sites

Endorphin, не знала о таком хаке, спасибо за информацию :) Как оказалось, чекбоксом можно много чего делать, и JS не понадобится.

Но наверняка есть минусы, какие? Кроме того, что тег используется не по назначению.

Share this post


Link to post
Share on other sites
23 часа назад, Svetlana_P сказал:

Endorphin, не знала о таком хаке, спасибо за информацию :) Как оказалось, чекбоксом можно много чего делать, и JS не понадобится.

Но наверняка есть минусы, какие? Кроме того, что тег используется не по назначению.

Да даже не знаю какие минусы в таком случае могут быть, мы много чего используем не по назначению когда верстаем, так что если уже такая библиотека создана, значит приемы не осуждаемы, можете еще посмотреть http://100dayscss.com интересные челендж был

Share this post


Link to post
Share on other sites

Действительно очень интересные штуки, поизучаю. Ну и Ваш посыл понятен: не лепить JS, даже простейший, если можно обойтись без него.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By Bourdun
      Не знаю как это объяснить, смотрите на скриншоты. Как решить эту проблему?
       


    • By leShik
      Попросили добавить текста немного на сайт. Добавил блок со списком, отображение вот такое

      Какие стили отвечают за такое отображение?
      Его стили на данном этапе))
      div style="position: relative; clear: both;"
      "position: absolute; clear: both; z-index: 1000;" - отображает вот так

      почему "type" для ul не отрисовывает маркеры?
      Вроде на дримвивере написан, хотя хз))
  • Member Statistics

    46,841
    Total Members
    1,451
    Most Online
    SkyMasteer
    Newest Member
    SkyMasteer
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Я люблю баклажаны. Рулетики из баклажанов Прекрасный диетический обед или гарнир к основному блюду! Вкууууусно! Даже мужу, который овощи не любит вообще, понравилось:))))Я делала из расчёта на одного человека, поэтому, соответственно, если будете делать рулетики из баклажанов на двоих, то всего надо брать вдвое больше:))). Продукты  (на 1 порцию) Баклажан (маленький) - 1 шт. Помидор - 0,5 шт. Морковка(маленькая) - 1 шт. Луковица (маленькая) - 1 шт. Растительное масло Соль, перец, сухой молотый чеснок - по вкусу Как приготовить рулетики из баклажанов: Баклажаны нарезаем вдоль и присыпаем солью. Откладываем в сторону минут на 10. Припустим мелко порезанный лук на растительном масле до прозрачности. Добавляем натёртую на тёрке морковь и порезанную мелко помидорку. Солим, перчим, добавляем чеснок, наливаем немного воды, закрыть крышкой и тушим ещё минут 10. Ломтики баклажана сполоснуть, обжариваем с двух сторон до мягкости на сковороде с небольшим количеством растительного масла. Готовые ломтики промакнём бумажным полотенцем от лишнего жира. Кладём на серединку каждого ломтика нашу начинку и завернуть в рулетики. Скрепляем зубочисткой, чтобы не развалились. Вот и готовы рулетики из баклажан – фото перед вами! Ням-ням-ням:)))  
    • Ясно, спс. Теперь буду привыкать к такому поведению, хотя на мой взгляд такое поведение пригодится только тем кто случайно нажимает на эту кнопку и соглашается пометить форум прочитанным
    • Как оказалось это обновление CMS, в результате которого именно так ведёт себя эта фича. Вот что сказал саппорт:  
  • Popular Contributors

×
×
  • Create New...