| <script type="text/javascript" src="js/jquery.js"></script>
|
| 1:<style type="text/css" >
|
| 2: .showPop {background-color:Lime ;color:#ffffff; }
|
| 3: .divMytoolbar {border-color:#eeeeee;border-width:1px;border-style:solid; }
|
| 4: .divEnquries {border-width:1px;border-style:solid;display:none;}
|
| 5: .divEnquriesClose {border-width:1px;border-style:solid;cursor:hand;}
|
| 6:</style>
|
| 7:
|
| 8:
|
| 9:<script language="javascript" type="text/javascript">
|
| 10:$(document).ready(function(){
|
| 11:
|
| 12: $(".divMytoolbar .showPop").click(function() {
|
| 13: //alert("Showing pop div");
|
| 14:
|
| 15: //$('.divEnquries').show(); // this also works but without effect.
|
| 16:
|
| 17: $('.divEnquries').animate({ opacity: 'show' }, "slow");
|
| 18:
|
| 19:
|
| 20: return false;
|
| 21: });
|
| 22:
|
| 23:
|
| 24: $(".divEnquriesClose").click(function() {
|
| 25: //alert("Hiding pop div");
|
| 26:
|
| 27: //$('.divEnquries').hide(); // this also works but without effect.
|
| 28:
|
| 29: $('.divEnquries').animate({ opacity: 'hide' }, "slow");
|
| 30:
|
| 31:
|
| 32: return false;
|
| 33: });
|
| 34:
|
| 35:});
|
| 36:
|
| 37:
|
| 38:
|
| 39:</script>
|
| 40:
|
| 41:
|
| 42:
|
| 43:<hr />
|
| 44:<div class="divMytoolbar" >
|
| 45:<a href="#" class="showPop" >button 1</a>
|
| 46:<a href="#" class="showPop">button 2</a>
|
| 47:</div>
|
| 48:<hr />
|
| 49:
|
| 50:
|
| 51:
|
| 52:<div class="divEnquries" >
|
| 53:<div style="background-color:Aqua;">Product Enquriy Details <span class="divEnquriesClose"><b>[X]</b></span> </div>
|
| 54:
|
| 55:<div>
|
| 56:<input type="text" />
|
| 57:<input type="button" value="click" />
|
| 58:
|
| 59:</div>
|
| 60:</div>
|
| 61: |