Witam,
uczę się biblioteki javyscript jquery i nie wiem jak zrobic jedna rzecz mianowicie.Wiem ze zdarzenia takie jak fadeToggle ,slideToggle tworzą animacje w dwie strony znaczy pokazują i ukrywają:)
Ja chciałbym stworzyc animacje po kliknięciu gdzie z ukrytego elementu w html majacy styl w css display none pokazdywal mi sie fadeIn() a ukrywał slideUp.Chodzi mi o połączenie dwóch zdarzeń po dwóch kliknieciach w jeden button:)
stworzyłem dwa kody ale mi nie działają:)oto one:)I teraz jakby ktoś mógł mnie naprowadzić.Wiem że kiedyś w Jquery bylo zdarzenie toggle jak click w ktorym mozna bylo zapisac wlasnie dwa różne zdarzenia ale niestety od jakiejś tam części tego nie ma już:)
moje nie działające skrypty:)
<div class="zakladkaFormularz">
<button class="buttonFormularz">Button</button>
<div class="contentFormularz">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis saepe quisquam nihil vero aliquam molestias autem consequuntur pariatur ab fugit, hic maxime quam, obcaecati quidem id alias minus ad!</div>
</div>
.zakladkaFormularz{
margin: 0 auto;
bottom: 70px;}
.zakladkaFormularz button .buttonFormularz{}
.contentFormularz{
display: none;
width: 300px;
height: 300px;
background: #fff;
border:2px solid grey;
border-radius:5px;
margin:0 auto;
padding:15px 10px;
margin-top: 20px;
margin-bottom: 70px;
}
1 skrypt javyscript
$('.zakladkaFormularz').find('button').click(function(){
if($('.contentFormularz').not(':visible')){
$('.contentFormularz').fadeIn('slow')}
else($('.contentFormularz').is(':visible')){
$('.contentFormularz').slideUp('slow');}
});
2 skrypt javyscript
var klik=1
$('.buttonFormularz').click(function(){
if(klik=1){
$('.contentFormularz').fadeIn('slow');
klik++}
else if(klik=2)
$('.contentFormularz').slideUp('slow');
klik=1
});
Niby to proste ale nie moge tego zrobić.Jestem początkujący i dopiero się uczę.Proszę o wyrozumiałość.Jeżeli coś źle nazwałem to tez sory :)