Сообщение от рони
|
SavaSavichev,
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(".button").click(function () {
$(this).parent().next().slideToggle();
return false
});
});
</script>
<style type="text/css">
.toogle {display:none;}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<div>Текст1</div>
<div><a class="button" href="#">Подробнее</a></div>
<div class="toogle">Текс2</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
|
Спасибо огромное! Только теперь обнаружился как я понимаю "конфликт скриптов". Дело в том что на сайте еще прикручен слайдер. Который как обычно бывает очень нужно оставить. При таком варианте, когда скрипт показать/свернуть находится выше скрипта слайдер, работает показать/свернуть и не работает слайдер. А если скрипт слайдера поставить на верх, то не работает ничего)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<script src="js/slides.min.jquery.js"></script>
<script src="js/jquery-1.4.4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(".button").click(function () {
$(this).parent().next().slideToggle();
return false
});
});
</script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
<style type="text/css">
.toogle {display:none;}
</style>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="content">
<div><div id="container">
<div id="example">
<div id="slides">
<div class="slides_container">
<a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-1.jpg" width="800" height="400" alt="Slide 1"></a>
<a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-2.jpg" width="800" height="400" alt="Slide 2"></a>
<a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-3.jpg" width="800" height="400" alt="Slide 3"></a>
<a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-4.jpg" width="800" height="400" alt="Slide 4"></a>
<a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-5.jpg" width="800" height="400" alt="Slide 5"></a>
<a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-6.jpg" width="800" height="400" alt="Slide 6"></a>
<a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-7.jpg" width="800" height="400" alt="Slide 7"></a>
</div>
<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
</div>
</div></div>
<div>Текст1</div>
<div><a class="button" href="#">Подробнее</a></div>
<div class="toogle">Текс2</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>