Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #31 (permalink)  
Старый 29.09.2011, 15:26
Профессор
Отправить личное сообщение для Nanto Посмотреть профиль Найти все сообщения от Nanto
 
Регистрация: 21.12.2010
Сообщений: 243

Если неудобно по другим сайтам шарить, могу сюда скопировать:
<!DOCTYPE html>
<html>
 <head>
 <style type="text/css">
.a_plus{
    height:13px;
    width:13px;
    display:inline-block;
    background-color:red;
}
.a_minus{
    height:13px;
    width:13px;
    display:inline-block;
    background:green
}
.a_hidetext{
     display:none;
     padding-left:18px;
}
.a_plus_min div{
    display:inline-block;
    width:11px;
    height:11px;
    background:red;
}
.a_minus_min div{
    display:inline-block;
    width:11px;
    height:11px;
    background:green;
}
 </style>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script type='text/javascript'>
(function() {
        $(document).ready(function (){
            $('div.a_plus-minus').click(function (){
                var display = $(this).nextAll('p.a_hidetext').css('display');
                if (display == 'none') {
                    $(this).nextAll('p.a_hidetext').css({'display' : 'block'});
                    $(this).removeClass('a_plus');
                    $(this).addClass('a_minus');
                } else {
                    $(this).nextAll('p.a_hidetext').css({'display' : 'none'});
                    $(this).removeClass('a_minus');
                    $(this).addClass('a_plus');
                }
            })
        })
        $(document).ready(function (){
            $('a.a_plus_min').click(function (){
                $('p.a_hidetext').css({'display' : 'block'});
                $('div.a_plus-minus').removeClass('a_plus');
                $('div.a_plus-minus').addClass('a_minus');
            })
            $('a.a_minus_min').click(function (){
                $('p.a_hidetext').css({'display' : 'none'});
                $('div.a_plus-minus').removeClass('a_minus');
                $('div.a_plus-minus').addClass('a_plus');
            })
        })
})();
 </script>
 </head>
 <body>
<table>
    <tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing</p></td><td>бла</td><td>бла</td></tr>
    <tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing</p></td><td>бла</td><td>бла</td></tr>
    <tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing</p></td><td>бла</td><td>бла</td></tr>
    <tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing</p></td><td>бла</td><td>бла</td></tr>
    <tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing </p></td><td>бла</td><td>бла</td></tr>
    <tr class="a_dnd_predown">
        <td>
            <a href="#" class="a_plus_min">
                <div></div>
                <span>Открыть</span>
            </a>
                <a href="#" class="a_minus_min">
                <div></div>
                <span>Закрыть</span>
                   </a>
        </td>
            <td></td>
        <td></td>
    </tr>
</table>
 </body>
</html>

Последний раз редактировалось Nanto, 29.09.2011 в 15:29.
Ответить с цитированием
  #32 (permalink)  
Старый 29.09.2011, 15:28
Профессор
Отправить личное сообщение для Nanto Посмотреть профиль Найти все сообщения от Nanto
 
Регистрация: 21.12.2010
Сообщений: 243

Сообщение от ksa Посмотреть сообщение
я по ссылкам не хожу... Гораздо приятнее смотреть код, выложеный тут...
Угу, как в воду смотрел!
Ответить с цитированием
  #33 (permalink)  
Старый 29.09.2011, 16:12
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Nanto, например вместо анализа и смены display - воспользуйся методом
http://jquery-docs.ru/Effects/toggle/
Ответить с цитированием
  #34 (permalink)  
Старый 29.09.2011, 16:14
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Аналогисная приблуда есть и у class
http://jquery-docs.ru/Attributes/toggleClass/
Ответить с цитированием
  #35 (permalink)  
Старый 29.09.2011, 22:33
Профессор
Отправить личное сообщение для Nanto Посмотреть профиль Найти все сообщения от Nanto
 
Регистрация: 21.12.2010
Сообщений: 243

ksa,
Спасибо тебе большое (я уж на «Ты» перейду - уже порядком тесно общаемся)! Мелочь вроде - а помогает двигаться в нужном направлении. И на деньгах тебя не так сильно циклит как остальных - "Ах ёптыть, мы яваскрипт целых два года учили! пусть теперь нам за каждую подсказку платят!"
Кстати, также огромное спасибо и Триви - в этом проекте решил использовать jQ, но Ваши примеры мне также ещё пригодятся! Я вообще-то все страницы с моими "хотелками" на жёсткий сохраняю (на всякий случай)!
Ответить с цитированием
  #36 (permalink)  
Старый 30.09.2011, 09:47
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Сообщение от Nanto
И на деньгах тебя не так сильно циклит как остальных
Тебе просто повезло, потому как я ищу на ком потренироваться в ЖиКвери... Вот книжку по нему дочитаю, наловчусь - тогда только за бабосы.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Можно ли средствами JS узнать высоту скрытого элемента? ацкий Общие вопросы Javascript 7 24.08.2011 19:07
Получение значения соседнего элемента Max Tretyakov Events/DOM/Window 2 27.06.2011 22:01
Можно ли изменить адресную строку без перезагрузки страницы (не якорь) Papa Общие вопросы Javascript 2 08.05.2010 03:45
Как можно изменить URL в адресной строке браузера? балерун Events/DOM/Window 12 17.11.2009 13:08
Можно ли менять свойство NAME элемента? MaxTula Элементы интерфейса 6 09.02.2009 11:55