JavaScript - Показать / Скрыть текст

Question

Я плохо разбираюсь в программировании, поэтому мне действительно нужна помощь.

Мне нужен код, который показывает и скрывает текст, когда вы нажимаете на определенное предложение.Я много искал в Интернете, но не могу найти то, что работает.Вот один из кодов, которые я нашел.Я был бы счастлив, если бы кто-то мог помочь мне и дать мне рабочий код!

Answer 1

Вы можете использовать JQuery's Toggle: http://api.jquery.com/toggle/

Поскольку вы новичок в программировании, вы можете посмотреть эти серии видео о jQuery: http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/

Альтернативное решение без jQuery:

<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "show";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>Hello world</h1></div>

Вы также можете посмотреть соответствующие вопросы в правой части этой страницы: -)

Answer 2

Вы можете использовать функцию .toggle() из jQuery , структуру JavaScript:

HTML:

<p>Text 1</p>
<p>Text 2</p>
<p>Text 3</p>

jQuery:

$(function(){
    $('p').click(function(){
        $(this).toggle();
    });
});

Но если вы скрываете текст, вы не можете нажать, чтобы снова отобразить его.Таким образом, вам нужно найти интерактивное визуальное средство, которое можно активировать, чтобы отобразить текст.Я позволю тебе подумать об этом.:)

Answer 3

Возможно, вы пропустили лучший пример в мире на этом сайте: https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

В учебном пособии показано использование чистого HTML с JavaScript для выполнения этой работы!

Answer 4

Я не совсем уверен, что это сработает, но вы можете попробовать поместить пустое изображение поверх текста, который вы хотите скрыть, и когда вы хотите просмотреть текст, просто удалите пустой квадрат. Я не совсем уверен на 100%, что это сработает. Я не так хорош в JavaScript, как в C ++.