|
|
@@ -20,8 +20,27 @@
|
|
|
<script type="text/javascript" src="js/my-video.js"></script>
|
|
|
</head>
|
|
|
|
|
|
+<style type="text/css">
|
|
|
+ .dynamic_hide {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<script type="text/javascript">
|
|
|
+ function show() {
|
|
|
+ var my = document.getElementById("my");
|
|
|
+ if (my.className.indexOf("dynamic_hide") > -1) {
|
|
|
+ my.classList.remove("dynamic_hide");
|
|
|
+ } else {
|
|
|
+ my.classList.add("dynamic_hide");
|
|
|
+ }
|
|
|
+
|
|
|
+ $("#myspan").addClass("dynamic_hide");
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
<body>
|
|
|
-<div class="container">
|
|
|
+<span id="myspan">Hello <font id="myc" style="cursor: pointer;" onclick="show()">W</font>orld!</span>
|
|
|
+<div class="container dynamic_hide" id="my">
|
|
|
<div class="row">
|
|
|
<div class="myui-panel active myui-panel-bg2 clearfix">
|
|
|
<div class="myui-panel-box clearfix">
|
