Gb
2 / 2 / 1
Регистрация: 13.07.2013
Сообщений: 37
1

Раскрывающееся меню с одновременным открытием страницы

01.07.2018, 16:25. Показов 1331. Ответов 4
Метки нет (Все метки)

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

Задача такого плана:

при нажатии на меню (Click me) появляются пункты меню ниже и и в этом же окне появляется страница, подменю не пропадет.

http://jsfiddle.net/2XVya/

HTML5
1
2
3
4
5
6
7
8
<input id="go" type="checkbox"/>
<label for="go" class="st">Click me</label>
 
<ul class="menu"> 
    <li><a href="#">подпункт 1</a></li> 
    <li><a href="#">подпункт 2</a></li> 
    <li><a href="#">подпункт 3</a></li> 
</ul>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/*скрываем наше меню и checkbox*/
.menu, #go {
    display:none;
}
 
/*стилизуем кнопочку*/
.st {
    padding:0 20px 0 20px;
    background:green;
    cursor:pointer;
    color:white;
}
 
/*а вот собственно и само действие*/
#go:checked ~ .menu {
    display:block;
}
Помогите пожалуйста где прописать ссылку перехода по ссылке. никак не могу понять. Буду очень благодарен
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
01.07.2018, 16:25
Ответы с готовыми решениями:

Раскрывающееся меню - при открытии/закрытии вложенного меню закрывается все меню
Проблема во вложенном меню. При открытии/закрытии вложенного меню закрывается все меню. Надо, чтобы...

раскрывающееся меню
Доброго времени суток. Необходимо сделать раскрывающееся меню с эффектом. Сверстал меню, которое...

Раскрывающееся меню
Здравствуйте. Есть на адаптивной версии сайта http://starvideo.com.ua/ меню. В пунктах меню,...

раскрывающееся меню
У меня есть стандартное меню на jquery с куками, вы можете подсказать как сделать при открытии...

4
1023 / 677 / 294
Регистрация: 04.04.2013
Сообщений: 2,703
01.07.2018, 16:45 2
Цитата Сообщение от Gb Посмотреть сообщение
где прописать ссылку перехода по ссылке
Как понять это? Объясните доступнее что требуется.

Добавлено через 15 минут
HTML5
1
<a href="#">подпункт 1</a>
Вместо решетки вставляете ссылку, будет вам ссылка с переходом по ссылке.
0
10 / 9 / 9
Регистрация: 04.07.2018
Сообщений: 70
04.07.2018, 11:20 3
Вам нужно по нажатию click me переход на другую страницу сайта и что бы меню оставалось открытым?)
Ничего не понятно)
0
26 / 36 / 15
Регистрация: 15.01.2017
Сообщений: 311
05.07.2018, 15:21 4
модальное окно а, в нем
HTML5
1
<iframe id="iframe" src="Slideshow/Slideshow.html" align="center" frameborder="0" scrolling="no" allowtransparency></iframe>
как самое простое...
0
Gb
2 / 2 / 1
Регистрация: 13.07.2013
Сообщений: 37
08.07.2018, 20:47  [ТС] 5
Цитата Сообщение от GRO_UA Посмотреть сообщение
Вам нужно по нажатию click me переход на другую страницу сайта и что бы меню оставалось открытым?)
Ничего не понятно)
при нажатии на click me переход по ссылке при этом же раскрывались подпункты, Наглядный пример на сайте http://artbd.kz там при нажатии в меню "Закуп ЛС, ПП, ИМНМТ....." происходит переход по ссылке и тут же появляются подпункты подменю
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
08.07.2018, 20:47
Помогаю со студенческими работами здесь

Раскрывающееся меню
Всем привет! Подскажите, как реализовать выпадающее меню как на скрине, что бы при нажатии айтем...

Раскрывающееся меню
Всем привет. Не знаю где это выложить тут или в jQuery разделе. Как сделать такое меню? при...

Раскрывающееся меню
Всем привет, уже несколько дней пытаюсь сделать раскрывающееся меню, как на http://fano.gov.ru/ru/...

Вертикальное раскрывающееся меню
Добрый день жители форума, имеется раскрывающийся список, кликаешь на нее раскрывается...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru