使用简单的内联代码显示/隐藏文本

时间:2015-05-21 14:21:50

标签: jquery html

我正在尝试编写一个简单的点击代码来阅读段落中的更多内容。我确信这段代码既可以显示又可以隐藏点击。当我现在尝试这个时,它会显示隐藏的文字,但是当我再次点击时它不会隐藏它?

Error in `[<-.data.frame`(`*tmp*`, nl, value = list(date.diff = c(3, 56,  : 
  replacement element 1 has 25584 rows, need 25585

有关如何使用简单的内联代码实现此目的的任何想法?

由于

2 个答案:

答案 0 :(得分:1)

试试这个https://jsfiddle.net/muwyu286/。您在=

中使用了分配==而不是('review').style.display='none' ? 'block':'none';"
<div onclick="document.getElementById('review').style.display = document.getElementById('review').style.display == 'none' ? 'block':'none';">
    <p>Click here to read our review</p>
    <div id="review" style="display: none;">Review text goes here.</div>

答案 1 :(得分:0)

你可以看一下这个来学习如何通过jquery切换。

Toggle Text with jQuery