Отображается DIV после 1 ссылки и 1 другого DIV.

Question

То, что я пытаюсь выполнить, - это показать div после того, как один щелчок на кнопке совместного доступа щебета и кнопку общего доступа к facebook.

Вот код, который я пробовал до сих пор, чтобы сделать div включенным только после нажатия кнопки facebook.

Я не уверен, что я делаю неправильно.

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 
<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 

</script> 


<a id="t" href="https://twitter.com/share" class="twitter-share-button" data-url="http://google.com" data-text="Testing Tweet Buttons">Tweet</a> 
<br> 
<div id="f" class="fb-share-button" data-href="http://google.com" data-layout="button_count" data-width="50" ></div> 
<br> 
<div id="done" style="display:none;">Thanks!</div> 

<script type="text/javascript"> 
$(document).ready(
    function(){ 
     $("#f").click(function() { 
      $("#done").toggle("slow"); 
     }); 

    }); 
</script> 

Answer 1

Хорошо. Кажется, это работает, просто ваш FB div вроде исчезает (и трудно щелкнуть коробку с шириной 0). Я добавил 5px красную границу, и он работает для меня.

Кроме того, я добавил строку, включающую сам jQuery. Может быть, это то, что вы забыли сделать:>

Вот скрипка: http://jsfiddle.net/gcn8gkhn/

А вот код:

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 

<div id="fb-root"></div> 

<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 

</script> 

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 

<a id="t" href="https://twitter.com/share" class="twitter-share-button" data-url="http://google.com" data-text="Testing Tweet Buttons">Tweet</a> 
<br> 
<div id="f" class="fb-share-button" data-href="http://google.com" data-layout="button_count" data-width="50" >Facebook button</div> 
<br> 
<div id="done" style="display:none;">Thanks!</div> 

<style> 
#f{ 
    border:5px solid red; 
} 
</style> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#f").click(function(){ 
     $("#done").toggle("slow"); 
    }); 
}); 
</script> 

Answer 2

Я надеюсь, что это то, что вы ищете. Вы можете использовать две переменные, чтобы отметить клики. Пожалуйста, обратитесь к ниже код: -

var fClick=false; // Initially false 
var tClick=false; // Initially false 
$(document).ready(
    function(){ 
     $("#f").click(function() { 
      fClick=true;// Make fClick truye and check if both were pressed 
      if(fClick&&tClick) 
       $("#done").show("slow"); 
     }); 

     $("#t").click(function() { 
      tClick=true; 
      if(fClick&&tClick) 
       $("#done").show("slow");// Make tClick truye and check if both were pressed 
    }); 
}); 

Вот рабочий пример того же: - http://jsfiddle.net/hy8mmpeo/