link показать только 0.5 сек, затем скрыть в juqery

-1

Я пишу этот код на своем сайте. И скрытая функция хорошо работает, но когда я нажимаю ссылку, чтобы показать ее, она отображается только в течение 0,5 секунды, а затем скрывает это. Пожалуйста, скажите мне, где я ошибся.link показать только 0.5 сек, затем скрыть в juqery

<script> 
    $(document).ready(function(){ 

     $("div").click(function(){ 
      $("a:contains('Show content')").hide("none"); 
     }); 

     $("div:contains('Show map')").click(function(){ 
      $("a:contains('Show content')").show("none"); 
     }); 

    }); 
</script> 

<a href="#" class="btn btn-danger btn-sm btm-zindex " id="Show_cont" >Show content</a> 

<div class="col-md-12 profile profile_closed btn1" id="profile"></div>

источник

2016-08-27 sheikh hunny

'Show content

' –

Пожалуйста, добавьте эту информацию в свой пост, а не в комментарии. Трудно понять, что это значит. ;-) –

Это $("div").click( неправильно, потому что вы не имеете div с этим содержимым, ваш элементом является a тегом, но даже используя это неразумное (его, вероятно, не будет толькоa тега)

у вас есть идентификатор на элементе, так что вы можете что-то вроде этого:

$('#Show_cont').click(function() { 
 
    $("a:contains(Show content)").hide(); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" class="btn btn-danger btn-sm btm-zindex " id="Show_cont">Show content</a>

источник

2016-08-27 23:23:50 DelightedD0D

Когда вы нажимаете на div:contains('Show map'), запустите функцию show and hide, потому что обе функции реагируют на щелчок div.

для исправления, дайте на class, чтобы пометить `div '.

<div class="hid"> 

    <a href="#">Show content</a> 

</div>

и изменить Jquery так:

$(".hid").click(function(){ 

      $("a:contains('Show content')").hide("none"); 
})

Окончательный код:

<html> 
 
    <title>This is test</title> 
 
    <head> 
 
     <style> 
 
      .hid a{ 
 
       display: none; 
 
      } 
 
     </style> 
 
    </head> 
 
    <body> 
 
     <div class="hid"> 
 
      <a href="#" class="btn btn-danger btn-sm btm-zindex " id="Show_cont" >Show content</a> 
 
     </div> 
 
     <div class="col-md-12 profile profile_closed btn1" id="profile">Show map</div> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
     <script> 
 

 
    $(document).ready(function(){ 
 

 
     $(".hid").click(function(){ 
 
      $("a:contains('Show content')").hide("none"); 
 
     }); 
 

 
     $("div:contains('Show map')").click(function(){ 
 
      $("a:contains('Show content')").show(); 
 
     }); 
 

 
    });    
 

 
     </script> 
 
    </body> 
 
</html>

источник

2016-08-27 23:37:14 Ehsan

Спасибо! Ehsan –

link показать только 0.5 сек, затем скрыть в juqery

ответ

Смежные вопросы