
Po kliknięciu na belkę "ogłoszenie" treść pokazuje lub ukrywa się.
Do ogłoszenia:
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
jQuery(document).ready(function() {
jQuery('#announce H2').click(function() {
jQuery('#announce .box').animate({height : 'toggle'}, 300)}).css('display','inline;','width','200px');
});</script>A gdy chcemy poprawić wygląd to do CSS:
#announce H2 span:after{margin-left: 15px;content: "Kliknij by pokazać/ukryć";
font-size: 9px;font-style:italic}Offline
Można troszkę skrócić tek kod używając slideToggle(). Można zamienić ten skrypt na to:
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
jQuery("document").ready( function () {
$("#announce H2").click(function (){
$("#announce .box").slideToggle("slow"); }); });
</script>Offline