Change Button Value Onclick

Я хочу сделать страницу с загадками, и после каждой загадки кнопка ответа и onclick отображает ответ, но также изменяет значение кнопки в скрытии, поэтому, когда вы снова нажимаете кнопку, вы скрываете ответ. Я сделал что-то, но я новичок в JavaScript, так что я не могу понять, что я сделал неправильно: HERE Change Button Value Onclick

HTML:

<input type="button" value="Answer" onclick="return change(this);" /> 
<p id="click">This is the riddle answer.</p>

CSS:

#click{ 
display:none;}

ЯШ:

$(document).ready(function(){ 
    $(window).change(function(){ 
     if (el.value == "Answer"){ 
      $("p#click").removeClass("click"); 
      el.value = "Hide"; 
     } else if (el.value = "Hide";) { 
      $("p#click").addClass("click"); 
     } 
    }); 
});

Я хочу быть примерно: Demo, но 1 единственная кнопка, которая может изменить ее значение и перейти от ответа, чтобы скрыть и скрыть, чтобы ответить.

источник

2014-01-15 Filip

Вот updated Demo

JQuery

$(document).ready(function(){ 
    $("#show").click(function(){ 
     if ($(this).text() == "Show") 
     $(this).text("Hide") 
    else 
     $(this).text("Show"); 
     $("span").slideToggle(); 

    }); 
});

источник

2014-01-15 07:46:13

Tnx человек ты велик: D – Filip

Это рабочий код для вас:

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#show").click(function(){ 
     $("#click").slideToggle(); 
     if($("#show").val() == 'Show') { 
     $("#show").val('Hide'); 
     }else { 
     $("#show").val('Show'); 
     } 
    }); 
}); 
</script> 
<style> 
#click{ 
display:none;} 
</style> 
</head> 
<body> 
<input type="button" value="Show" id="show" /> 
<p id="click">This is the riddle answer.</p> 
</body> 
</html>

источник

2014-01-15 09:01:55 user3177812

Change Button Value Onclick

ответ

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