• Please refer code below i m learning jquery and i want to display tag named #child on submit button click using javascript/jquery can any one help me how to call on button click

• And also want to call #child and #home tag on >>(next button) & <<(prev button)** on button click respectively in code >> and<< is written as &lt and &glt.? can anyone help me out ?

          <div data-role="page" id="home">
              <div data-theme="d" data-role="header">
                  <h3>
                      The Grand Bhagvati
                  </h3>
                  <a data-role="button" data-inline="true" data-direction="reverse" data-transition="slide" href="#home">
                      &lt;&lt;
                  </a>
                  <a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" href="#child">
                      &gt;&gt;
                  </a>
              </div>
              <div data-role="content">
                  <div data-role="fieldcontain">
                      <fieldset data-role="controlgroup" data-mini="true">
                          <label for="textinput1">
                              User:
                          </label>
                          <input id="textinput1" placeholder="Khushu" type="text" />
                      </fieldset>
                  </div>
                  <input data-theme="d" ="submitbtn" value="Login" type="submit"  onSubmit="redirect()"/>
              </div>
              <div data-theme="a" data-role="footer" data-position="fixed" >
                  <h3>
                      Page1
                  </h3>
  
                  </div>
          </div>
  

          <div data-role="page" id="child">
              <div data-theme="d" data-role="header">
                  <h3>
                      The Grand Bhagvati
                  </h3>
                  <a data-role="button" data-inline="true" data-direction="reverse" data-transition="slide" >
                      &lt;&lt;
                  </a>
                  <a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" >
                      &gt;&gt;
                  </a>
              </div>
              <div data-role="content">
                  <div data-role="fieldcontain">
                      <fieldset data-role="controlgroup" data-mini="true">
                          <label for="textinput1">
                              User:
                          </label>
                          <input id="textinput1" placeholder="Khushu" type="text" />
                      </fieldset>
                  </div>
                  <input data-theme="d" value="Login" type="submit"  onsubmit="redirect()"/>
              </div>
              <div data-theme="a" data-role="footer" data-position="fixed" >
                  <h3>
                      Page1
                  </h3>
  
                  </div>
          </div>
  

• Please refer code below i m learning jquery and i want to display tag named #child on submit button click using javascript/jquery can any one help me how to call on button click

• And also want to call #child and #home tag on >>(next button) & <<(prev button)** on button click respectively in code >> and<< is written as &lt and &glt.? can anyone help me out ?

          <div data-role="page" id="home">
              <div data-theme="d" data-role="header">
                  <h3>
                      The Grand Bhagvati
                  </h3>
                  <a data-role="button" data-inline="true" data-direction="reverse" data-transition="slide" href="#home">
                      &lt;&lt;
                  </a>
                  <a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" href="#child">
                      &gt;&gt;
                  </a>
              </div>
              <div data-role="content">
                  <div data-role="fieldcontain">
                      <fieldset data-role="controlgroup" data-mini="true">
                          <label for="textinput1">
                              User:
                          </label>
                          <input id="textinput1" placeholder="Khushu" type="text" />
                      </fieldset>
                  </div>
                  <input data-theme="d" ="submitbtn" value="Login" type="submit"  onSubmit="redirect()"/>
              </div>
              <div data-theme="a" data-role="footer" data-position="fixed" >
                  <h3>
                      Page1
                  </h3>
  
                  </div>
          </div>
  

          <div data-role="page" id="child">
              <div data-theme="d" data-role="header">
                  <h3>
                      The Grand Bhagvati
                  </h3>
                  <a data-role="button" data-inline="true" data-direction="reverse" data-transition="slide" >
                      &lt;&lt;
                  </a>
                  <a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" >
                      &gt;&gt;
                  </a>
              </div>
              <div data-role="content">
                  <div data-role="fieldcontain">
                      <fieldset data-role="controlgroup" data-mini="true">
                          <label for="textinput1">
                              User:
                          </label>
                          <input id="textinput1" placeholder="Khushu" type="text" />
                      </fieldset>
                  </div>
                  <input data-theme="d" value="Login" type="submit"  onsubmit="redirect()"/>
              </div>
              <div data-theme="a" data-role="footer" data-position="fixed" >
                  <h3>
                      Page1
                  </h3>
  
                  </div>
          </div>
  

• javascript
• jquery
• html
• onclick

• what do you mean by "call #child and #home tag"? Call it to do what? – Gwyn Howell Commented Apr 21, 2012 at 9:06
• i just tried make my question clear and formatted it – unkown Commented Apr 21, 2012 at 9:09
• it is <div id = child> & <div id = home> – unkown Commented Apr 21, 2012 at 9:13

2 Answers 2

To show a tag use

$('#child').show();  // where child is the id of the element

and to hide ...

$('#child').hide();

alternatively, you can simply toggle it between hide/show as follows:

$('#child').toggle();

to attach these to an onclick event of a button ...

$(document).ready(function() {
    $('#buttonID').click(function() {
        $('#child').toggle();
    });
});

hope this helps

The below code is for javascript

var Home= document.getElementById("home");

Home.style.display="none";//To hide the div
Home.style.display="";//To display the div