href ссылки и display:none

[Hoax]

2 проблемы

 

1-ая со ссылкой - создал ссылку, все бы хорошо, но при клике на эту ссылку должен выдвигаться дочерний слой div'a, у ссылки стоит href="#" что при каждом клике на нее, тебя автоматически отбрасывает наверх страницы, что крайне неудобно, как решить эту проблему, какой путь поставить в a href=?

 

2-ая с анимацией на transition, как уже сказал, есть блок при клике на него должен выводится дочерний блок, но проблема в том, что часть дочернего блока (буквально 1px где-то) видна еще до его вывода. У дочернего блока стоит max-height:0px; при клике на родитель увеличивает до max-height:200px; Попытка поставить ему display:none+при клике на block - не прокатывает, анимация при этом игнорируется, и блок появился как просто с изменением display.

 

Заранее спасибо

[DragorWW]

Ответ на первый вопрос https://gist.github.com/DragorWW/8536946 либо вообще без href, либо можно использовать не тег ссылки, а div

Edited March 22, 2014 by DragorWW

[Hoax]

я не могу использовать return false и подобное т.к. при клике на ссылку вызывается функция, span и т.д. также не могу т.к. мне надо чтобы эта ссылка перекрывала своего родителя (тоже ссылку) z-index почему-то в данном случае не помогает, может быть все же есть способ добавить в адрес что-нибудь?

[Hoax]

Все первая проблемка решена, осталась 2-ая ...(

[Melodyn]

transition не работает с display. Попробуй ему задать абсолютную нулевую высоту или отрицательную. Потому что max - это всё-таки фикс для адаптивной вёрстки.

[Hoax]

не получается, с абсолютной, еще только хуже, т.к. длина дочерних блоков будет разной, а height задает фиксированную, да и все равно проблему не решает, дочерний на 2px вылезает также

[Sensei]

Если хотите, чтобы вам помогли, сделайте пример на http://jsfiddle.net/

[Hoax]

все спасибо, я уже решил, там у родителя была проблема в margin-bottom, прост на движке такая структура дикая, в стилях же сам не сразу увидел.