Свернуть и развернуть кнопку на сайте google

Question

Я работаю над сайтом Google, поскольку, хотя мне было легче ... Но у меня проблемы с ним. Я хотел бы создать кнопку, которая расширяет и сворачивает блок текста. Я пробовал разные варианты, но я не понял. Кто-нибудь знает как это делать?

Большое спасибо

EDIT: Что-то вроде этого:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_toggle

Answer 1

Например, если вы можете использовать JavaScript, вы можете задать стиль для "display:none;" или "display:block;", нажав кнопка.

<div id="ThisTextWillBeHidden">This text needs to be hidden</div> 

<button type="button" 
onclick="document.getElementById("ThisTextWillBeHidden").style.display='none';"> 
    Click me to hide! 
</button> 

<button type="button" 
onclick="document.getElementById("ThisTextWillBeHidden").style.display='block';"> 
    Click me to show! 
</button> 

Я предполагаю, что Google Sites не поддерживает сценарии, так что вам нужно будет, чтобы сохранить этот код где-то еще, как на вашем хостинге или в службу хранения файлов, и назвать его так:

<iframe src="location of the file containing your code.html"></iframe>