Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
Gb
2 / 2 / 1
Регистрация: 13.07.2013
Сообщений: 32
1

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

01.07.2018, 16:25. Показов 1113. Ответов 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
1014 / 671 / 290
Регистрация: 04.04.2013
Сообщений: 2,686
01.07.2018, 16:45 2
Цитата Сообщение от Gb Посмотреть сообщение
где прописать ссылку перехода по ссылке
Как понять это? Объясните доступнее что требуется.

Добавлено через 15 минут
HTML5
1
<a href="#">подпункт 1</a>
Вместо решетки вставляете ссылку, будет вам ссылка с переходом по ссылке.
0
9 / 8 / 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
Сообщений: 32
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® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.