<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("fast");
});
});
</script>
<style type="text/css">
.panel, {
// пишете сюда стиль
}
.flip {
// пишете сюда еще один стиль
}
</style>
</head>
<body>
<img class="panel" src="img/img1.gif" alt="Эта картинка будет прятаться и показываться" />
<img class="flip" src="img/flip.gif" alt="По нажатию на эту картинку будет прятаться и показываться первая" />
</body>
</html>
Изменить слайд панель в jQuery
Изучаю jQuery и наткнулся на вот такую слайд панельку:
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle
Сам код есть, хорошо, а вот как заменить эту обычную одноцветную табличку (я про область с текстом, там где Show/Hide Panel и остальной текст) на графику?
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle
Сам код есть, хорошо, а вот как заменить эту обычную одноцветную табличку (я про область с текстом, там где Show/Hide Panel и остальной текст) на графику?
Собственно, у вас есть абзацы со стилями panel и flip соответственно. Кто вам мешает сделать стили этих абзацев такими, как вам нужно? Даже более того, это и не обязательно должны быть абзацы.
Код:
Спасибо огромное за помощь! :)