Javascript-форум - можно ли изменить свойства соседнего элемента?..

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - можно ли изменить свойства соседнего элемента?.. (https://javascript.ru/forum/events/21874-mozhno-li-izmenit-svojjstva-sosednego-ehlementa.html)

Если неудобно по другим сайтам шарить, могу сюда скопировать:

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

Цитата:

Сообщение от ksa (Сообщение 128706)

я по ссылкам не хожу... Гораздо приятнее смотреть код, выложеный тут...

Угу, как в воду смотрел! :lol:

Nanto, например вместо анализа и смены display - воспользуйся методом
http://jquery-docs.ru/Effects/toggle/

Аналогисная приблуда есть и у class
http://jquery-docs.ru/Attributes/toggleClass/

ksa,
Спасибо тебе большое (я уж на «Ты» перейду - уже порядком тесно общаемся)! Мелочь вроде - а помогает двигаться в нужном направлении. И на деньгах тебя не так сильно циклит как остальных - "Ах ёптыть, мы яваскрипт целых два года учили! пусть теперь нам за каждую подсказку платят!"
Кстати, также огромное спасибо и Триви - в этом проекте решил использовать jQ, но Ваши примеры мне также ещё пригодятся! Я вообще-то все страницы с моими "хотелками" на жёсткий сохраняю (на всякий случай)!

Цитата:

Сообщение от Nanto

И на деньгах тебя не так сильно циклит как остальных

Тебе просто повезло, потому как я ищу на ком потренироваться в ЖиКвери... :D Вот книжку по нему дочитаю, наловчусь - тогда только за бабосы. :lol: