Hello everyone,
I am in confission about that;
I have a web site and I want to include some ready jquery functions to gain much more place on my web area. Basically, on the body section I have links and when the user clicked on a link, related panel enlarges bottom of the link. This function gives me too much opportunity. However,
-> When the page is loaded, all panels should be closed(i.e unreachable). But not.
-> When the user clicked on a link, only related panel should be opened. But all the panels are opened.
$(document).ready(function(){
$(".link_out").click(function(){
$(".panel").slideToggle("slow");
});
});
$(document).ready(function() {
$('.sayfa_yukari').click(function(){
$('.panel').slideUp(800);
});
});
HTML Code;
<div class ="yardimlar_list">
<div class="Toogle">
<a class ="link_out">Üyap Klasörü Oluşturma</a>
<div class="panel">
<div class = "video_cerceve">
<iframe width="640" height="640"
src="http://www.youtube.com/embed/A4FTzZsMijk">
</iframe>
</div>
<div class = "metin_cerceve">
<h4> İcraPro da Uyap klasörü nasıl oluşturulur?</h4>
<p>
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu
</p>
</div>
<p class ="sayfa_yukari" ><img src ="themes/images/arrow_up.png" height ="40px" width = "40px" > </p>
</div>
</div>
<a class ="link_out">Üyap Klasörü Oluşturma</a>
<div class="panel">
<div class = "video_cerceve">
<iframe width="640" height="640"
src="http://www.youtube.com/embed/A4FTzZsMijk">
</iframe>
</div>
<div class = "metin_cerceve">
<h4> İcraPro da Uyap klasörü nasıl oluşturulur?</h4>
<p>
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
Masa üstünde UYAP klasörünüz yoksa ya da her hangi bir sebepten dolayı silinmiş ise aşağıdaki vidomuzu izleyerek Uyap klasörü oluşturabilirsiniz.
</p>
</div>
<p class ="sayfa_yukari" ><img src ="themes/images/arrow_up.png" height ="40px" width = "40px" > </p>
</div>
</div>
Link_out is belong to the links. Both up and down.
sayfa_yukari is belong to an arrow up image. İt closes the panel.
I am adding my sites ss. Please take a look.
[
Image]
Thanks for all. Have nice day.