Collapsible Div

By -
<script language="javascript">
function togglefun() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "[+]";
      }
    else {
        ele.style.display = "block";
        text.innerHTML = "[-]";
    }
}
</script>

<a id="displayText" href="javascript:togglefun();">[+]</a> Click here
<div id="toggleText" style="display: none"><h1>Iam Collapsible Div</h1></div>

Comments

Post a Comment

Popular posts from this blog

how to add new line in google form questions | Fix for next line issue in google form questions

By -
  Google forms are very useful to create online assessments and quiz. These are very to create through google forms. But there are some noted issues like when some questions are added line by line, it does not allow the new line by entering 'enter' key. So to make it work, there is a solution for that:  Follow this video for steps :  https://youtu.be/oTepX4VgSCI Code to be added: function addLineBreaks() {   var form = FormApp.getActiveForm();       // find form items you need    var questions = form.getItems(FormApp.ItemType.MULTIPLE_CHOICE);      for(i = 0; i < questions.length; i++)   {     var title = questions[i].getTitle();     questions[i].setTitle(title.split(". ").join("\n"));   } }
Read more

How to add new line in dropdown type question in google forms

By -
    To add new line in google forms dropdown type question, add the following code in the script editor : code to be added : function   addLineBreaks () {    var   form  =  FormApp . getActiveForm ();        // find form items you need         var   questions  =  form . getItems ( FormApp . ItemType . LIST );       for ( i  =  0 ;  i  <  questions . length ;  i ++)   {      var   title  =  questions [ i ]. getTitle ();      questions [ i ]. setTitle ( title . split ( ". " ). join ( "\n" ));   } }
Read more