• SDN Forum üyelikleri çok yakında yeniden açılıyor. Siz de bu büyük topluluğun bir parçası olmak için bizi takipte kalın, gelişmeleri kaçırmayın!

Javascript bilen arkadaşalr yardımcı olabilir mi

mguzel

Öğrenci
Katılım
15 Nisan 2015
Mesajlar
12
Reaksiyon puanı
0
Puanları
0
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
$("#flip1").click(function(){
$("#panel1").slideToggle("slow");
});
$("#flip2").click(function(){
$("#panel2").slideToggle("slow");
});
});
</script>


<style>
.panel, .flip {
padding: 5px;
text-align: center;
background-color: #e5eecc ;
border: solid 1px #c3c3c3 ;
}


.panel {
padding: 50px;
display: none;
}
</style>
</head>
<body>

<div id="flip" class="flip">Click to slide the panel down or up</div>
<div id="panel" class="panel">Hello world!</div>
<div id="flip1" class="flip">Click to slide the panel down or up</div>
<div id="panel1" class="panel">Hello world!</div>
<div id="flip2" class="flip">Click to slide the panel down or up</div>
<div id="panel2" class="panel">Hello world!</div>


</body>
</html>
 
Üst