альтернативный тег jquery details

Question

альтернативный тег jquery details

0

Есть ли простое jquery-решение, которое выполняет ту же функцию, что и тег html5? Я посмотрел на некоторые плагины, но все они кажутся ошибками с ie. Я думаю, что лучше всего просто сделать это с помощью jquery?

html5 (но это не работает, т.е.)

<details>
  <summary>Details Summary</summary>
  <p>Pellentesque aliquet lacinia libero id sodales. Curabitur nibh velit, varius in semper ac, suscipit quis magna. Phasellus faucibus venenatis leo ut convallis. Maecenas tempus risus id nibh iaculis vehicula. Aenean vel quam lorem, et sagittis velit. Nullam a ligula lectus, at iaculis mauris. Mauris id tempus dolor. </p>
</details>

jquery way?

simple 08 окт. 2013, в 00:02

Источник

0

Что хотя бы отображает контент в IE, правильно? так что все, что вам нужно сделать, это определить, поддерживает ли браузер тег подробностей, и, если это не так, скрыть тег абзаца, а затем показать его при необходимости. Нет необходимости в плагине.
Kevin B 07 окт. 2013, в 21:39

Теги:

jquery

html5

1 ответ

Ещё вопросы

Что хотя бы отображает контент в IE, правильно? так что все, что вам нужно сделать, это определить, поддерживает ли браузер тег подробностей, и, если это не так, скрыть тег абзаца, а затем показать его при необходимости. Нет необходимости в плагине.

Zholen · Answer 1 · 2013-10-07T18-50-00.000Z

<details>
  <summary>Details Summary</summary>
  <p>Pellentesque aliquet lacinia libero...</p>
</details>

ИЛИ

<div class="details">
  <div class="summary">Details Summary</div>
  <p>Pellentesque aliquet lacinia libero...</p>
</div>

отрегулируйте ниже код соответственно

details > p{display:none;}

$('body').on('click', 'details summary',function() { $(this).find('p').toggle(); });