Вставка текста при открытии спойлера
Добрый день господа, прошу палками не бить, поиском пользовался но ответ на вопрос не нашел. Только учусь 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("СВЕРНУТЬ");
}
});
});
Но не вышло. Где ошибся? Заранее большое спасибо. |
Цитата:
|
Цитата:
$(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("СВЕРНУТЬ");
}
});
});
|
$(document).ready(function(){
$('.nyan').click(function(){
$('div.splCont').toggleClass('visible').toggle();
if ($('div.splCont').hasClass('visible')){
$(this).text("СВЕРНУТЬ");
} else $(this).text("РАЗВЕРНУТЬ");
return false;
});
});
|
Выложите HTML - при текущем Варианте нет вложенности и будет воздействие на соседние спойлеры
|
Цитата:
|
Цитата:
<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>
|
Правильно ли я понял:
$('div.splCont').toggleClass('visible').toggle(); // назначаем диву с классом 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 |
Вопрос закрыт, спасибо
|
| Часовой пояс GMT +3, время: 21:58. |