1 Click for Show it then click for hide it Sat Oct 16, 2010 8:24 am
verrell123
Registered Member
how to make a text when it click will show some other text and it will be hide when it click again?
can anybody help me?
can anybody help me?
No, i mean not that. when "text" been click it will show on above the text ( i want to use cbox to show it)ankillien wrote:Hi,
Here is a tutorial about it...
http://www.webartzforum.com/tutorials-f7/making-show-hide-content-t903.htm
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www2.cbox.ws/box/?boxid=2087386&boxtag=w0b0fq&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www2.cbox.ws/box/?boxid=2087386&boxtag=w0b0fq&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script><script type="text/javascript">jQuery.noConflict();jQuery(document).ready(function(){jQuery("div#cboxdiv").hide(0); jQuery("a.show-hide").click(function(){jQuery("div#cboxdiv").toggle(0);});});</script>
<center><a href="#" class="show-hide">Show/Hide cBox</a></center>
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www2.cbox.ws/box/?boxid=2087386&boxtag=w0b0fq&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www2.cbox.ws/box/?boxid=2087386&boxtag=w0b0fq&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<a class="cbox" href="#">Text</a>
<a href="#" class="show-hide">Show/Hide cBox</a>
<a href="#" class="show-hide">Show/Hide cBox</a>
but you use
<a class="cbox" href="#">Text</a>
So how?
<a href="#" class="show-hide">Show/Hide cBox</a>
<a href="#" class="cbox show-hide">Show/Hide cBox</a>
WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Click for Show it then click for hide it
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum