Вставка текста при открытии спойлера

[TrikS]

Добрый день господа, прошу палками не бить, поиском пользовался но ответ на вопрос не нашел. Только учусь JQ и столкнулся со следующей проблемой. Создали спойлер

$(document).ready(function(){	
    $('.nyan').click(function(){
        $('div.splCont').toggle();
        return false;
    });
});

Соответственно при клике на див с классом nyan появляется div c классом splCont (изначально значение display:none ). Необходимо что бы при развернутом спойлере текст внутри дива nyan менялся с "РАЗВЕРНУТЬ" на "СВЕРНУТЬ".

Попробовал вот так:

$(document).ready(function(){
	
    $('.nyan').click(function(){
        $('div.splCont').toggle();
        return false;
	if ($('div.splCont').attr('display') != "none"){
		$('div.nyan').text("СВЕРНУТЬ");
	}
    });

});

Но не вышло. Где ошибся? Заранее большое спасибо.

[ksa]

Где ошибся?

display не атрибут некоего тега... Это свойство ЦСС.

[TrikS]

display не атрибут некоего тега... Это свойство ЦСС.

Спасибо за уточнение. Изменил вид функции на

$(document).ready(function(){
	
    $('.nyan').click(function(){
        $('div.splCont').toggle();
        return false;
	if ($('div.splCont').css("display", "none")){
		$('div.nyan').text("СВЕРНУТЬ");
	}
    });
});

Результат неизменный. Видимо я не верно ставлю условие, либо какая-то синтаксическая ошибка.

Так же попробовал так

$(document).ready(function(){
	
    $('.nyan').click(function(){
        $('div.splCont').toggle();
        return false;
	if ($('div.splCont').css("display") == "block"){
		$('div.nyan').text("СВЕРНУТЬ");
	}
    });
});

[Deff]

$(document).ready(function(){
	
    $('.nyan').click(function(){
        $('div.splCont').toggleClass('visible').toggle();
	if ($('div.splCont').hasClass('visible')){
		$(this).text("СВЕРНУТЬ");
	} else 	$(this).text("РАЗВЕРНУТЬ");
        return false;
    });

});

[Deff]

Выложите HTML - при текущем Варианте нет вложенности и будет воздействие на соседние спойлеры

[TrikS]

Выложите HTML - при текущем Варианте нет вложенности и будет воздействие на соседние спойлеры

Вложенности не будет. Спасибо огромное. Теперь сижу и пытаюсь расширить свои знания изучая Ваш способ. Он работает, просто стало интересно, что за класс visible Вы присвоили. Класс чего это, или это просто идентификационная метка?

[Deff]

. Класс чего это, или это просто идентификационная метка?

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div>
<div class="splCont visible">ABC</div>
</div>
 <script>
var a = $("div.splCont").parent().html();
var b = $("div.visible").parent().html();
alert(a+'\n'+b)
$("div.splCont").html('BBB');
var b = $("div.visible").parent().html();
alert(b)
</script>

[TrikS]

Правильно ли я понял:

$('div.splCont').toggleClass('visible').toggle(); // назначаем диву с классом splCont дополнительный класс visible. Назначается он при действии click, дальше по его наличию или отсутствию и выполняем условие.

Суть верна?

[Deff]

назначаем диву с классом splCont дополнительный класс visible. Назначается он при действии click, дальше по его наличию или отсутствию и выполняем условие.

Да
http://jquery-docs.ru/Attributes/toggleClass/#class
http://jquery-docs.ru/Attributes/removeClass/#class
http://jquery-docs.ru/Attributes/addClass/#class
http://jquery-docs.ru/Attributes/hasClass/#class

[TrikS]

Вопрос закрыт, спасибо