2016-06-30 5 views
3

http://codepen.io/anon/pen/GqmEAqCSS после того, как событие нажатия

Я пытаюсь сделать е щелкнула (х создаются после меню плюс знак щелкнул), а затем в результате чего выпадающего меню резервного копирования.

Я попытался

a:after:checked ~ .submenu{ 
    max-height: 999px; 
} 

Я знаю, что я нахожусь близко, но я не могу получить полосу падения, чтобы вернуться, когда «х» нажата

+0

Я немного смущен, потому что в вашем вопросе, вы говорите о х мешая вашего закрытия выпадающего, но в CSS, что вы опубликованный в вашем вопросе, связан с высотой '.submenu'. Просьба уточнить вопрос, чтобы он касался одной единственной проблемы. Если у вас есть другая проблема, создайте отдельный вопрос. –

+0

Эй, Хантер - извините. Я не понимал, что это тоже моя ручка. плохо создайте отдельную благодарность! – user6535413

+0

Если вы можете переключить эти '' '' '' '' '' '' '' на '' атрибуты '', вы исправите проблему. Прямо сейчас проблема в том, что псевдоэлемент ловит щелчок (честно говоря, немного удивил «а» нет). «Метка» была бы более семантически корректной, и щелчок псевдоэлемента переключил бы флажок. Добавленный бонус, вы можете скрыть флажки и вместо этого применить стили к ярлыкам (что намного более благоприятно для него). – abluejelly

ответ

1

Если х становится в способ открытия и закрытия меню, то вы можете добавить pointer-events: none; к вашему nav ul > li.sub > a:after.

CSS

nav ul > li.sub > a:after { 
    pointer-events: none; 
} 

CodePen

+0

hmm im работает, когда я его расширяю. так или иначе, чтобы установить фиксированную высоту на нем или что-то еще? – user6535413

+0

Код, который я добавил, не вызвал этой проблемы. В CodePen он работает как ожидалось. Раньше у вас была эта проблема с высотой? –

Смежные вопросы