Показать или скрыть блок.
Вечер добрый.
<span class="mails">Показать E-Mail</span> <span class="mail" style="display:none"></span> $(document).ready(function() { var email =text; if($('.mail').css('display') == 'none'){ $('.mails').on('click',function(){ $('.mail').css('display','inline').text(email); $('.mails').toggleClass('none') }) } if($('.mail').css('display') == 'inline'){ $('.mail').on('click',function(){ $('.mail').css('display','none'); $('.mails').toggleClass('none') }); } }) Первый click срабатавает.Один спан скрывается, другой с текстом появляется, но вот второй клик не работает.Почему? |
ureech,
а не пробовали мыслить логично ... один клик,а в нём проверка состояния элемента на момент клика и принятие решения, в зависимости от этого состояния. |
Все мысли в php на данный момент, а с ассинхронностью как то уже не важно.:)
|
ureech,
:blink: |
Цитата:
|
ureech,
попробуйте описать алгоритм того что хотите получить в результате. |
Цитата:
|
Цитата:
<span class="mails">Показать E-Mail</span> видимым.Кликаю по нему и он изчезает и появляется <span class="mail" ></span>в который заносится вместо "Показать E-Mail" сам email,который содержится в переменной var email Затем всё в обратном порядке. |
ureech,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> .mail{ display:none } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(function(){ var mail = $(".mails, .mail"), email = "text"; mail.on("click", function() { mail.toggle().eq(1).text(email); }) }) </script> </head> <body> <span class="mails">Показать E-Mail</span> <span class="mail"></span> </body> </html> |
Вроде работает,спасибо.Только странно, что на локальном не хочет, ну да с этим уже завтра.Доброй ночи.
|
Часовой пояс GMT +3, время: 17:11. |