Как получить абзац, который скрыт, если вы не нажмете на него в HTML (или X HTML) - PullRequest
Новая
       63

Как получить абзац, который скрыт, если вы не нажмете на него в HTML (или X HTML)

0 голосов
/ 23 апреля 2020

Я пишу страницы, используя python в Confluence, использующем X HTML, и я хочу, чтобы новая страница содержала абзац, который скрыт или, скажем, урезан, когда люди приходят на эту страницу, но это можно увидеть, если люди нажимают на это. пожалуйста, проверьте две фотографии, которые я приложил, чтобы лучше проиллюстрировать то, что я хочу

this is what I am looking for

The hidden part reveals once people click on it

1 Ответ

0 голосов
/ 23 апреля 2020

Вы можете использовать jquery для достижения этой цели. Предполагая, что вы используете значок для иллюстрации этих 3 точек. 

<html>

  <style>#hidden_para{display:none;} /* Hide the paragraph*/</style>
  <p>This is a non hidden paragraph</p>
  <img id="icon" src="3dottedicon.png">

  <!-- Add an id attib to the paragraph -->
  <p id="hidden_para">This is a hidden paragraph</p>
</html>

<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script type="text/javascript">
 $("#icon").click(function(){
   $(this).hide(); //this keyword refers to the icon itself.
   //Access the element with the ID hidden_para and override the CSS.
   $("#hidden_para").show();
 });
</script>

Когда код, приведенный выше, выполняется, он сначала скрывает значок, а затем добавляет атрибут стиля к элементу с идентификатором hidden_para as style = "display : block; "(это переопределяет CSS указанное)

Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...