- Nie jesteś zalogowany.
- Polecamy: Dla dziecka
Ogłoszenie
#1 19-01-2014 14:32:47
Ukrywanie/pokazywanie ogłoszenia.
Po kliknięciu na belkę "ogłoszenie" treść pokazuje lub ukrywa się.
Do ogłoszenia:
Kod:
<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:
Kod:
#announce H2 span:after{margin-left: 15px;content: "Kliknij by pokazać/ukryć";
font-size: 9px;font-style:italic}Goście pomogłem? Daj +
Offline
#2 22-01-2014 13:40:06
Re: Ukrywanie/pokazywanie ogłoszenia.
Można troszkę skrócić tek kod używając slideToggle(). Można zamienić ten skrypt na to:
Kod:
<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
Stopka forum
Powered by PunBB
© Copyright 2002–2008 PunBB
Polityka cookies - Wersja Lo-Fi