New response to: Update - I need to add some js to a jqm collapsible element to hide an image and then reshow it.
Thank you very much...
I rebuilt my pages using your sample.. from the frame source. Thanks very much for your help.
I have a couple of question... no-where did i find written or otherwise that I needed this js script.
<script type='text/javascript' src='js/mootools-core-1.4.5-full-compat.js'></script>
The sample did not work until I down loaded that js script
The other question is why is the javascript and css in a seperate body.... that interested me, I have not seen that done before... it was done that way in the working example I used that source.
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title> - jsFiddle demo</title> <script type='text/javascript' src='/js/lib/mootools-core-1.4.5-nocompat.js'></script> <link rel="stylesheet" type="text/css" href="/css/normalize.css"> <link rel="stylesheet" type="text/css" href="/css/result-light.css"> <style type='text/css'> </style> <script type='text/javascript'>//<![CDATA[ window.addEvent('load', function() { $(".expander").on("expand", function(){ $(".imagediv").hide(); }); $(".expander").on("collapse", function(){ $(".imagediv").show(); }); });//]]> </script> </head> <body> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>My Title</h1> </div><!-- /header --> <div data-role="content"> <div data-role="collapsible" class="expander"> <h3><div class="imagediv"> <img src="http://www.hometownstation.com/images/stories/2012/olympics.gif" alt="Olympics" width="250" height="150" /> </div> </h3> <p>This is my text.</p> </div> </div><!-- /content --> </div><!-- /page --> </body> </body> </html>