вопрос
Как хочу сделать(при клике на заголовок открывается краткий текст)
Как есть.(нажимаю на другую новость, открывается старая)
Код
Спасибо
Как есть.(нажимаю на другую новость, открывается старая)
Код
<script>
function news(){
$("#news}").fadeToggle(500);
return false;
}
</script>
<script>
$(window).on('resize',null,function(){
var ww = $(window).width(), pad = ww/100*10;
$("#img").width(parseInt(ww-pad,10));
})
</script>
<a href="#" onclick="news();return false;" >{title}</a></h2></div>
<div id="news" style="display:none;">
<div class="text clearfix">{short-story limit="650"}</div></div>
Спасибо
Что то нагородили непонятного кода, никак не связанного с темой вопроса.
JS:
HTML:
JS:
jQuery(document).ready(function($) {
$('h2').click(function() {
$(this).next().slideToggle(500);
});
});HTML:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
<h2>Lorem ipsum dolor sit amet.</h2>
<div class="news">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia nobis fugit modi qui incidunt porro alias aspernatur aliquid ea temporibus.</div>
</div>
<div>
<h2>Temporibus harum nemo aliquid eligendi.</h2>
<div class="news">Accusamus eum dolorem nam eius perferendis ad illo quasi eos quas repellendus incidunt tenetur adipisci reiciendis suscipit ab excepturi minima.</div>
</div>
<div>
<h2>Est vel incidunt labore praesentium.</h2>
<div class="news">Quo nostrum harum inventore quidem blanditiis deleniti doloremque non odit mollitia dolor! Voluptates dicta ut repellat odio neque maiores quasi.</div>
</div>
<div>
<h2>Perferendis error perspiciatis eum molestias.</h2>
<div class="news">Quasi doloremque unde repellendus facilis incidunt tenetur officiis expedita harum molestias eveniet consectetur cumque fugiat enim repellat rem reprehenderit animi!</div>
</div>
<div>
<h2>Recusandae deserunt vero qui id.</h2>
<div class="news">Minus facilis consequatur animi rerum repellendus necessitatibus assumenda laudantium voluptatem qui porro autem deleniti praesentium dicta veritatis vel delectus facere!</div>
</div>
<div>
<h2>Nobis est dolorum odit fugiat!</h2>
<div class="news">Ullam explicabo cumque alias culpa totam harum sequi repellat aut expedita aspernatur modi facilis et impedit in laudantium quibusdam a.</div>
</div>
</body>
</html>
