Question

隐藏文字的链接有效，但是.show隐藏文字的链接没有显示，我没有看到任何错误。请参阅jsfiddle：http://jsfiddle.net/tv6WQ/

<head>
<style type="text/css">   
    #shortandlong {color:red}   
    #thestory {visibility:hidden} 
</style>
</head>
<body>
    <span id="shortandlong">This is the short version but click </span><a href="#" id="showme">here...</a><span id="thestory"> now this is the full version</span><br/>
<span id="hideit">This text can be hidden </span>by clicking here <a href="#" id="hideme">here</a><br/>

</body>

JS：

  $(document).ready(function () 
    { $('#hideme').click(function() 
      { $('#hideit').hide('fast');     
        return false;     } );    
      $("#showme").click(function() 
      { $('#thestory').show;     
        alert('Hello World');     
        return false;     } );    
    } );

Answer 1

0.1。

$('#thestory').show()

不

$('#thestory').show

0.2。将visibility:hidden替换为display: none;或将可见性更改为$('#thestory').css('visibility', 'visible');

http://jsfiddle.net/pxStN/

Answer 2

两件事：

show()是一个功能所以你需要括号
hide/show更改display属性，而非可见性 - 因此将$('#thestory').show更改为$('#thestory').css('visibility','visible')

Answer 3

你有一个拼写错误，它应该是show()

 $("#showme").click(function() 
      { $('#thestory').show;

Answer 4

你没有打电话给这个方法。之后添加括号。例如。 .show（）;

jquery - 可以使文本消失但不能使隐藏文本可见

4 个答案: