Özellikle sitelerin sık sorulan sorular bölümlerinde çok işinize yarayacak açılır yazılar oluşturmak için aşağıdaki kodları herhangi bir metin editörüne yapıştırıp .html uzantısıyla kaydetmeniz yeterli. Örnekleri çoğaltarak istediğiniz kadar açılır yazı ekleyebilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <meta http-equiv="content-type" content="text/html" charset=utf-8 /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <style type="text/css"> .slideHeader {text-align:left; font-weight:bold; color:#000000;} .slideBody {margin-bottom:10px; padding:5px;text-align:left;background:#FFFFFF;display:none;height:auto;} </style> <script type="text/javascript"> $(document).ready(function(){ $("div.slidePanel").children( "div.slideHeader").mouseup(function(){ var body = $(this).parent().children("div.slideBody"); if(body.is(":hidden")) body.slideDown(); else body.slideUp(); }); }); </script> <div class="slidePanel"> <div class="slideHeader">Açılır Yazı</div> <div class="slideBody"> Açılır yazı içerği. </div> </div> <div class="slidePanel"> <div class="slideHeader">Açılır Yazı 2</div> <div class="slideBody"> Açılır yazı içeriği 2 </div> </div> |
0 0/5
Yorumlar