Как сделать вывод div в нужном месте после клика по ссылке ?

Question

[Andrey_nk]

Как работает сейчас можно посмотреть здесь: spirulina-pacifica.ru/site

Давим на Вход появляется окошко возле языков, вследствие чего сдвигается блок вправо. Но он сдвигается с запаздыванием. Как это решить ?

<div id="block-links" class="bar"><a id="open-close" href="#" title="Закрыть">X</a> Молодец! </div>

вот код

<script>
$(document).ready(function() {
  $('#open-close').show();
  $('#block-links').hide();

  $('#open-close').click(function(event) {
    event.preventDefault(); // Для того чтобы при нажатии на ссылку не кидало вверх
    $('#block-links').slideToggle();
  });
});
</script><code lang="javascript">

и нужно ссылку добавить в блок для закрытия, как это сделать ?

Comments

[Александр Борисович]

www.1c-bitrix.ru
как тут сделано, не нравится ? ссылка "авторизация"

[Andrey_nk]

нравится конечно, вот только заказчик имеет своих тараканов :)

[vlad20012]

При чем тут Java, чувак?

[Andrey_nk]

есть другие варианты решения ?

Answer 1

[Юрий Лобанов]

<div id="block-links" class="bar">
    <a id="close" href="#" title="Закрыть">X</a> Молодец!
</div>

$(document).ready(function() {
  $('#open-close').show();
  $('#block-links').hide();

  $('#open-close').click(function(event) {
    event.preventDefault(); // Для того чтобы при нажатии на ссылку не кидало вверх
    $('#block-links').show();
  });
  $('#close').click(function(event) {
    event.preventDefault();
    $('#block-links').hide();
  });
});

Comments

[Andrey_nk]

Благодарю за решение, а как сюда добавить два блока, и один закрывался если второй открыт.

[Юрий Лобанов]

@Andrey_nk так точно также - в том событии, где открывается один - закрывать другой, и наоборот. Если решение подходит - надо ответ отметить решением, а не задавать еще один вопрос )

Answer 2

[Дмитрий Энтелис]

Вас спасет htmlbook.ru/css/z-index

Comments

[Andrey_nk]

зависание происходит только в хроме, в остальных браузерах работает корректно, z-index прописанные принудительно особого результата не дает. Благодарю за участие.