Question

我怎样才能在JQuery上做到这一点？当我点击hide时，该元素将被隐藏，同样适用于show，该元素将被显示。我该怎么办？谢谢！

<form method="POST">

<button type="submit" name="hidden" >Hide</button>
<button type="submit" name="submit" >Show</button>

</form>

<?php 

    if (isset($_POST['hidden']) == true){
        echo '*hidden*';
    } else if ($_POST['']) {
        echo 'shown';
    }

?>

Answer 1

$(document).ready(function(){
   $(input([name='hidden']).click(function(){
      $(this).hide();
   });
    $(input([name='submit']).click(function(){
      $(input([name='hidden']).show();
   });
});

Answer 2

你可以使用这样的js，

document.getElementById('domid').style.visibility='hidden';

document.getElementById('domid').style.visibility='visible';

Answer 3

jQuery上的代码相当于下一个：

＆＃13;

$(() => {
    $("#hide-but").on("click", () => $("#result").html("*hidden*"));
    $("#show-but").on("click", () => $("#result").html("shown"));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="button-group">
  <button type="submit" name="hidden" id="hide-but">Hide</button>
  <button type="submit" name="submit" id="show-but">Show</button>
</div>

<div id="result">shown</div>

＆＃13;

Answer 4

我知道你要求使用JQuery，最好的选择是直接JS，如另一篇文章中所述。但是使用php，您可以定义一些类，然后在正确提交$ _POST值时更改您希望控制的标记中的类值。

<?php 

$result = ''; //You could place your default value here or run it through an if/else or switch stmt
if(isset($_POST['show'])){
        $result = 'show';
    } else if ($_POST['hidden']) {
        $result = 'hide';
    } else {
        $result = 'default';
    }

?>

<style>
    .show {
        display:block;
    }
    .hide {
       display:none;
    }
    .default {
       //however you wish your default CSS to act hidden or visible
    }
</style>
<body>
<form method="POST">

<button type="submit" name="hidden" >Hide</button>
<button type="submit" name="show" >Show</button>

</form>

<div id="theElement" class="<?=$result?>"></div>
</body>

PHP到JQuery代码转换[如果没有]

4 个答案: