Скрыть часть текста под спойлер

[afdaser]

Мне посоветовали скрыть часть текста спойлером в категориях, чтоб пользователям легче было дойти до футера. Категорий/подкатегорий у меня больше 15*2 (так как на два языка). Посоветуйте, как кодом спрятать весь текст под спойлер, кроме первого абзаца?

[Otche94]

15 минут назад, afdaser сказал:

Мне посоветовали скрыть часть текста спойлером в категориях, чтоб пользователям легче было дойти до футера. Категорий/подкатегорий у меня больше 15*2 (так как на два языка). Посоветуйте, как кодом спрятать весь текст под спойлер, кроме первого абзаца?

надо скрыть ссылки подкатегорий? или тест описания категории ?

[kikaridza123]

https://jsfiddle.net/web3r/5cuq3oa1/

[Otche94]

Можно сделать подкатегории в закрывашку, если их много, чтобы не мешали. вот как на скринах

 

 

 

[afdaser]

28 хвилин назад, kikaridza123 сказав:

https://jsfiddle.net/web3r/5cuq3oa1/

css круто. А как черех пхп задать условие? чтоб после первого абзаца текст автоматический шёл под спойлер

[afdaser]

27 хвилин назад, Otche94 сказав:

Можно сделать подкатегории в закрывашку, если их много, чтобы не мешали. вот как на скринах

 

 

 

спасибо, это пока не надо

[afdaser]

проблему пока так и не решил.

Вспомнил, что мне программист делал подобное, но на вордпресс сайте. Там мы вставляли рекламу после первого абзаца. 

Вот код:

$show_after_p = 1;
$content = apply_filters('the_content', get_the_content());
if(substr_count($content, '<p>') > $show_after_p)
{
    $contents = explode("</p>", $content);
    $p_count = 1;
    foreach($contents as $content)
    {
        echo $content;
 
        if($p_count == $show_after_p)
        {
        }
        echo "";
        $p_count++;
    }
}

может это кого-то наведет на мысль, как реализовать скрытие.