April 25, 2012
Jquery Style Show "Hidden Text" for Blog
အရင္ဆံုး Template - Edit HTML ကိုသြားၿပီး </head> အေပၚမွာ ေအာက္က code ေတြကို ထည့္ေပးပါ။
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("pre").hide();
$("input").click(function(){
$(this).fadeIn(1000);
$("pre").fadeIn(1000).show();
});
});
</script>
တကယ္လို႔ template မွာ jquery script သံုးၿပီးရွိတယ္ဆိုရင္ အနီနဲ႔ ျပထားတဲ့ စာေၾကာင္းကိုခ်န္ခဲ့ပါ။
အသံုးျပဳပံုကေတာ့ ေအာက္မွာ ျပထားပါတယ္။
<input name="fadein" type="button" value="YOUR BUTTON NAME" />
<pre>
YOUR TEXT HERE TO HIDE
</pre>
မွတ္ခ်က္မရွိေသးပါ...