var fredclicknumber=0;
$(".fredinbed").click(function(){
if(fredclicknumber==0) {
$(".fredtext").addClass("txtbxin")
$(".fredtext").removeClass("txtbxout")
}
else if (fredclicknumber==1){
$(".fredtext").addClass("txtbxout")
$(".fredtext").removeClass("txtbxin")
}
++fredclicknumber;//
})
if(fredclicknumber > 1){
fredclicknumber=0;
}
Im trying to create a text box that will appear if you click the item, and disappear when clicked again, however with the code shown,It only goes through this process once, what I want to do is somehow loop this code so you can make the text box appear and disappear any number of times.
3 Réponses :
Comme vous ne faites que basculer entre la classe, vous pouvez utiliser toggleclass au lieu de créer une variable p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class='fredinbed'>Toggle</button> <span class='fredtext txtbxin'>Toggle class </span>
Vous pouvez utiliser Toggleclass JQUERY FUNTION au lieu de vérifier et de modifier des valeurs variables.
$(".fredinbed").click(function(){
$(".fredtext").toggleClass("txtbxin");
$(".fredtext").toggleClass("txtbxout");
});
On dirait que vous voulez utiliser un booléen à la place.