Как использовать JQuery Show/Hide script, чтобы показать скрытый текст

-1

Я новичок в HTML и абсолютно ничего не знаю о JQuery, но я работаю над личным сайтом, чтобы узнать какой-то HTML. Я пытался создать страницу, на которой большая часть текста будет скрыта, и пользователь может нажать «Показать/скрыть», чтобы показать, что они хотели видеть (несколько вариантов).Как использовать JQuery Show/Hide script, чтобы показать скрытый текст

Я нашел этот JQuery код в другом посте:

$(document).ready(function(){ 
    $("#hide1").click(function(){ 
    $("o1").hide(); 
    }); 
    $("#show1").click(function(){ 
    $("o1").show(); 
    }); 
});

С помощью кнопок:

<button id="hide1">Hide</button> 
<button id="show1">Show</button>

Я понимаю, как использовать его, но я хочу, текст он должен показать/скрыть скрываться при загрузке страницы. Я пробовал вариант CSS visibility:hidden, но это не работает.

Может кто-нибудь что-нибудь предложить?

источник

2014-11-28 calrol2009

Попробуйте это:

$(document).ready(function() { 
 
    $("#showButton").click(function() { 
 
    $("#text").show(); 
 
    }); 
 
    $("#hideButton").click(function() { 
 
    $("#text").hide(); 
 
    }); 
 
});

#text { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="showButton">Show</button> <button id="hideButton">Hide</button> 
 
<div id="text">Some text</div>

источник

2014-11-28 23:49:01 Efog

Спасибо, что сработало. – calrol2009

не уверен, что если эту работу, но дать ему попробовать: D

HTML:

<body onload="start()">

JS :(изменения. show() в .hide(), если требуется u)

function start(){ 
     $("o1").show(); 
};

источник

2014-11-28 23:52:21 Joey

Как использовать JQuery Show/Hide script, чтобы показать скрытый текст

ответ

Смежные вопросы