Javascript Afficher DIV Jquery

Javascript Afficher DIV Jquery

Bonjour,

Avez-vous une idée pour faire afficher ma DIV "Transparent" (Jquery) via ma fonction test() en javascript ? merci d'avance

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href=" http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src=" http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src=" http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>

<body>
<div data-role="page" id="page">

  <div data-role="content">
<a href="#transparent" data-rel="popup" data-position-to="window" data-transition="pop" data-role="button">IMAGE</a>
<a onClick="test()" data-role="button">test</a> 
          </div>
   
<div id="transparent" data-role="popup" data-theme="none" data-shadow="false">
  <img src="a.png" class="popphoto" alt="Teste" width="300" height="300">
</div>
   
</div>
        </body>
   
        <script type="text/javascript">
 function test() {
 document.getElementById("transparent").onclick;
}
</script>
</html>