0

当我单击链接以隐藏或显示段落文本时，我无法将链接设置为“（显示）”或“（隐藏）”。

这是我得到的不起作用的代码：

var old_text = $(this).text();
var new_text = (old_text === '(hide)') ? '(show)' : '(hide)';
var toggle_link = $("<a href='#'> "+ new_text + "</a>");
$(this).after(toggle_link);
toggle_link.on('click', function (event){
  $(this).siblings('p').toggle();
});
$(this).after(toggle_link);

在上面的代码中。我正在打开和关闭显示和隐藏链接，但是文本没有改变。它只是保留（“隐藏”）。

4

2 回答 2

1

试试这个方法：

var toggle_link = $("<a href='#'>(hide)</a>");
        $(this).after(toggle_link);
        toggle_link.on('click', function (event){
          $(this).siblings('p').toggle();
            var old_text = $(this).text();
            var new_text = (old_text === '(hide)') ? '(show)' : '(hide)';
            $(this).text(new_text);
        });
于 2013-01-25T01:39:57.847 回答
0

如果您想在显示和隐藏文本或链接之间切换。假设您想通过单击此处的某个链接来切换段落，这是您的操作方式。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<a id="toggle" href="#" style="font-size:20px;">Click Me to show the Paragraph</a>
<p id="toggle1">This is the Paragraph for the sake of this demo. Click the above link to Hide me.</p>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>

        $("#toggle").click(function(){
        $("#toggle1").toggle('slow');
        });
</script>
</body>
</html>

我希望这是你想要的，因为你的问题不清楚..

于 2013-01-25T01:44:03.807 回答