Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Помогите доделать вывод кратиких новостей

Помогите доделать вывод кратиких новостей


     20.12.2012    Общие вопросы по вёрстке, jQuery, Хаки    1396

вопрос
Как хочу сделать(при клике на заголовок открывается краткий текст)
Помогите доделать вывод кратиких новостей



Как есть.(нажимаю на другую новость, открывается старая)
Помогите доделать вывод кратиких новостей



Код

<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:
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>

Комментарии пользователей (1)

EsviLLs
2

113 | 90

EsviLLs - 20 декабря 2012 20:12 - Юзер

Мне нужно что текст выезжал.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы