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:
  1. <script>
  2.    
  3. $('#page1').on('pagechange', function() {

  4.                 $('#youthere').change(function(){
  5.                 var slider_value = $(this).val()

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

  15.                 
  16.                 $('#active').change(function(){
  17.                   
  18.                 });
  19.  });

  20. </script>
  21. <div data-role="page" >

  22. <div data-role="header" data-theme="a" data-position="fixed">
  23. <h1>Status</h1>
  24. </div>

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


  26. <div data-role="fieldcontain">
  27. <label for="slider">Youthere:</label>
  28. <select name="slider" id="youthere" data-role="slider">
  29. <option value="off">Off</option>
  30. <option value="on">On</option>
  31. </select> 
  32. <br/>

  33. <label for="slider">Active:</label>
  34. <select name="slider" id="active" data-role="slider">
  35. <option value="off">Off</option>
  36. <option value="on">On</option>
  37. </select> 

  38. </div>
  39. </div>

  40. <div data-role="footer" data-position="fixed">
  41. <h1>Change Status</h1>
  42. </div>

  43. </div>

  44. </body>
  45. </html>

I hope I can help. thank you very much