Jquery - раскрывающиеся блоки

Тема в разделе "Web 2.0, AJAX, Ruby, RSS технологии", создана пользователем ivanweb, 2 апр 2009.

Статус темы:
Закрыта.
  1. ivanweb

    ivanweb Гость

    Здравствуйте. Здача у меня такая. Имеется заголовок в виде ссылки, анонс, полное описание. Идет лента новостей. Нужно, чтобы когда нажимаю на заголовок открывалось полное описание и цвет заголовки ссылки менялся. Когда нажимаем повторно на ссылку, то полное описание закрывается и цвет ссылки становится прежним. Все сделал!!! Работает!!! Но!!!

    Нажимаю на ссылку - открывается полное описание, красится ссылка. Нажимаю на соседнюю ссылку - она открывает и красится, но та ссылка которая была открыта прежде закрывается, а ссылка цвет не изменила. Как сделать так, что бы когда нажимали на соседние ссылки - помимо того, чтобы закрывалось описание, также возвращался обратно цвет шрифта????

    как это сейчас выглядит можно посмотреть http://janeair.andreykluev.com/jquerry/
    ниже код, того что я писал

    $(document).ready(function()
    {

    $("#spisok .display a").click(function()
    {

    TextOBJ = $(this).parent().parent().find("div.text_hidden");
    if (TextOBJ.css("display")=="none")
    {
    $("#spisok div.text_hidden").hide();
    TextOBJ.slideDown("slow");
    $(this).toggleClass("active");
    }
    else
    {
    //TextOBJ.hide();
    TextOBJ.slideUp("hide");
    $(this).removeClass("active");
    }


    });

    $("a.link").click(function()
    {
    $("a#"+$(this).attr("nid")).click();
    });


    });


    <div id="spisok">

    <div>
    <div class="display"><a id="t1" href="java script: void(null);" title="Основные услуги">Основные услуги</a></div>
    <div>анонс</div>
    <div class="text_hidden">HELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текст</div>
    </div>

    <div>
    <div class="display"><a id="t2" href="java script: void(null);" title="Основные услуги">Основные услуги</a></div>
    <div>анонс</div>
    <div class="text_hidden">HELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текст</div>
    </div>

    <div>
    <div class="display"><a id="t3" href="java script: void(null);" title="Основные услуги">Основные услуги</a></div>
    <div>анонс</div>
    <div class="text_hidden">HELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текст</div>
    </div>

    <div>
    <div class="display"><a id="t4" href="java script: void(null);" title="Основные услуги">Основные услуги</a></div>
    <div>анонс</div>
    <div class="text_hidden">HELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текстHELLO!!кстм текст текст текст текст текст текст текст текст текст текст текст текст</div>
    </div>
    </div>
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей