How to show/hide a switch?

How to show/hide a switch?

When activating a switch, I need to put another switch visible

this is my code:
  2. <script>
  3.    
  4. $('#page1').on('pagechange', function() {

  6.                 $('#youthere').change(function(){
  7.                 var slider_value = $(this).val()

  9.                 if(slider_value == "on")
  10.                 {
  11.                 //activate 2° switch
  12.                 }
  13.                 else
  14.                 {
  15.                 //desactivate 2° switch
  16.                 }
  17.                 });

  19.                 
  20.                 $('#active').change(function(){
  21.                   
  22.                 });
  23.  });

  25. </script>
  26. <div data-role="page" >

  28. <div data-role="header" data-theme="a" data-position="fixed">
  29. <h1>Status</h1>
  30. </div>

  32. <div data-role="content" >


  35. <div data-role="fieldcontain">
  37. <label for="slider">Youthere:</label>
  39. <select name="slider" id="youthere" data-role="slider">
  40. <option value="off">Off</option>
  41. <option value="on">On</option>
  42. </select> 
  44. <br/>

  46. <label for="slider">Active:</label>
  47. <select name="slider" id="active" data-role="slider">
  48. <option value="off">Off</option>
  49. <option value="on">On</option>
  50. </select> 

  52. </div>
  54. </div>

  56. <div data-role="footer" data-position="fixed">
  57. <h1>Change Status</h1>
  58. </div>

  60. </div>

  62. </body>
  63. </html>

I hope I can help. thank you very much