Форум Сайтостроение Веб-строительство

Раскрывающийся блок при клике

L
На сайте с 18.02.2012
Offline
83
l17l
4683

Здравствуйте, помогите доработать код css.

Блок работает, кликаем и он раскрывается весь.

При клике, нас перекидывает на верх страницы, как это убрать ? что бы при клике оставались там же.

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

Код блока: 


<a href="#" onclick="document.getElementById('div4').style.display='block'">

<center><strong>РАСКРЫТЬ БЛОК</strong></center></a>



<div id="div4" style="display:none">

ВЕСЬ БЛОК ТУТ.... то что раскрывается.

</div>
Оптимизайка
На сайте с 11.03.2012
Offline
396
Оптимизайка
#1

onclick="document.getElementById('div4').style.display='block';return false;"

чтобы еще и сама ссылка скрывалась

onclick="document.getElementById('div4').style.display='block';this.style.display='none';return false;"

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
D
На сайте с 14.01.2007
Offline
153
Dinozavr
#2

Вас перекидывает, потому что у вас href="#"

Надо либо:

<a href="#" onclick="document.getElementById('div4').style.display='block';return false;">
либо href заменить на какой-нибудь span и style="cursor:pointer"

П.С. медленно...:)

forest25
На сайте с 12.09.2009
Offline
67
forest25
#3

Вам нужно вот так? http://jsfiddle.net/5SxxZ/

Кстати делать id и class типа div*, width* и т.д. очень плохая практика. Делайте лучше так чтобы потом было понятно по названию откуда этот элемент.

VPS 512MB 20GB SSD KVM - 5$ (http://u.hmdw.me/digitalocean) | ИМХО о хостингах (http://u.hmdw.me/hosting)
L
На сайте с 18.02.2012
Offline
83
l17l
#4

Спасибо ребята, буду пробовать, я стараюсь без js делать :)

D
На сайте с 14.01.2007
Offline
153
Dinozavr
#5
l17l:
я стараюсь без js делать
l17l:
<a href="#" onclick="document.getElementById('div4').style.display='block'">

:facepalm:

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий