Après avoir cliqué bouton masquer

Je suis en train de cacher un bouton (pas à l'intérieur de balises de formulaire) après qu'il a été cliqué.
Une fois que le formulaire est affiché, il n'est pas utiliser pour le bouton. Donc, je tiens à le cacher après avoir cliqué

Voici le code existant.

JS:

<script type="text/javascript">
	$(function(){
		var button = document.getElementById("info");
		 var myDiv = document.getElementById("myDiv");

		 function show() {
		     myDiv.style.visibility = "visible";
		 }

		 function hide() {
		     myDiv.style.visibility = "hidden";
		 }

		 function toggle() {
		     if (myDiv.style.visibility === "hidden") {
		         show();
		     } else {
		         hide();
		     }
		 }

		 hide();

		 button.addEventListener("click", toggle, false);
	});
</script>

HTML:

<input id="info" type="button" value="Имате Въпрос?" class="switchbuton">

  • En passant, je suppose que vous utilisez la bibliothèque tierce pour le bouton interrupteur, de sorte que l'attribut de classe peut être "switchbutton".
  • Aussi, s'il vous plaît, décrivez exactement ce qui ne fonctionne pas (vous ne recevez toute erreur, ou votre bloc ne s'en cache pas)
  • N'cela convient à vos besoins... jsfiddle.net/5epLf928/1 ?
  • Je pense que le problème est dans la façon dont vous êtes à l'emballage de la fonction... regardez uzay réponse
InformationsquelleAutor Mo-Alanteh | 2015-04-30
  1. 2

    Vous pouvez utiliser jQuery masquer

    $("#myDiv").hide() //to hide the div

    et montrer comme

    $("#myDiv").show() //to show the div

    Ou bascule pour activer /désactiver la visibilité des éléments du dom

    $("#myDiv").toggle() //to toggle the visibility
    InformationsquelleAutor Robin
  2. 1

    Vous pouvez voir le résultat ici:

    http://jsfiddle.net/jsfiddleCem/33axo20f/2/

    Code est:

    <style>
.showButon{
    background:url('http://spacetelescope.github.io/understanding-json-schema/_static/pass.png');
    background-repeat:repeat-y;
    height:30px;
    text-indent:20px;
}
</style>

<div id="myDiv">
    <input id="info" type="button" value="Имате Въпрос?" class="showButon" />
</div>

(function(){
var button = document.getElementById("info");
    var myDiv = document.getElementById("myDiv");

    function toggle() {
        if (myDiv.style.visibility === "hidden") {
            myDiv.style.visibility = "visible";
        } else {
            myDiv.style.visibility = "hidden";
        }
    }

    button.addEventListener("click", toggle, false);
})()
    • Merci il fonctionne. Comment puis-je ajouter une image pour le bouton?
    • vérifier à nouveau s'il vous plaît.
    • Génial! Vous avez fait ma journée. Thx
    • accepter j'ai comme une réponse en cliquant sur le symbole que cela aidera à un autre peuple.
    InformationsquelleAutor uzay95
  3. 0

    Pourquoi n'utilisez-vous pas:

    <script type="text/javascript">
    $(function(){
        $('#info').click(function() {
            $(this).hide();
        });
    });
</script>

<input id="info" type="button" value="Имате Въпрос?" class="switchbuton">
    InformationsquelleAutor Kartic