Проблемы с .SlideToggle

[Bonzash]

Добрый день, уважаемые. У меня возникла проблема.

Html:

<a href="#" class="fadeNext">

<div class="show">

<div class="com">show comments</div>

</div>

</a>

<div class="fader">

Text

</div>

JS:

<script type="text/javascript">

$(document).ready(function() {

$(".fadeNext").click(function(){

$(this).next().fadeSliderToggle()

return false;

})

$('a#hide1').click(function() {

$('.fader').fadeSliderToggle()

return false;

});

});

</script>

Как мне сделать так, чтобы <div class="com">show comments</div> менялся, на <div class="com">hide comments</div>?

Спасибо.

[Veseloff]

$('.com').html('hide comments');

[Bonzash]

$('.com').html('hide comments');

Возможно, форумчане меня неправильно поняли, при нажатии на <div class="com">show comments</div> выезжал div и появлялся текст <div class="com">hide comments</div>, который при нажатии менялся на <div class="com">show comments</div>.

[s0rr0w]

$('.com').html('hide comments');

Решение в лоб!

А давайте устроим конкурс на лучшее решение для такой переключалки!

[Bonzash]

Ну я могу сказать, что Veseloff мне очень сильно помог, но просто он не так понял суть проблемы, если быть кратким, то нажал, выехало, нажал, заехало Текст в блоке при нажатии менялся с Show на Hide и наоборот.

[Bonzash]

Народ, если есть кто на форуме, подскажите.

[Great Rash]

Подсказываю

[Bonzash]

Черт, я уже тут все облазил) можно чуть поконкретнее подсказать?

[Hoax]

Не совсем понял насчет текста в блоке, но может так?

$(document).ready(function(){ 
$('.knopka').click (function(){
$('#wer').slideToggle ('slow');
});
});

<p class="knopka">KNOPKA</p>
<div id="wer">Show</div>

Edited May 10, 2011 by Hoax

[Bonzash]

Надо чтобы <div class="com">show comments</div> при нажатии менялся на <div class="com">hide comments</div> и наоборот.

<script type="text/javascript">
$(document).ready(function() {
$(".fadeNext").click(function(){   
	$(this).next().fadeSliderToggle()
	$('.com').html('hide comments');
	 return false;	 
})
  $('a#hide1').click(function() {
    $('.fader').fadeSliderToggle()
    return false;
  });
});	
</script>

<a href="#" class="fadeNext">
<div class="show">
	<div class="com">show comments</div>
</div>
</a>
<div class="fader">
	<p>text</p>
	<a href="#" id="hide1">
	<div class="show"> <img src="hide.jpg" alt="" /> </div>
	</a> </div>
</div>

[Veseloff]

Ещё одно решение «в лоб». Даже два.

1. В коллбэке проверяем видимость и в зависимости от этого делаем текст.

2. Или ещё проще. Если текст «показать», то пишем «скрыть», иначе пишем «показать»

[Bonzash]

Спасибо, Veseloff, но я всетаки надеялся, что мне помогут именно с написанием кода, так сказать теорию, я знаю, но как это реализовать нет. Если есть возможность, как во втором посте "в лоб"

[Great Rash]

Короче вам тупо код готовый нужен? Так и говорите

[Bonzash]

Вроде код я предоставил готовый, не хватает одной строки кода.

[Great Rash]

Откуда уверенность, что не хватает одной строки кода если вы даже не знаете что писать?

[Bonzash]

Спасибо форуму за помощь. Тему можно закрывать. Great Rash будьте немного повежливее.

[s0rr0w]

Great Rash будьте немного повежливее.

Еще раз увижу подобное - прибаню навечно. Не указывай что нам делать, и мы не будем указывать куда тебе идти. Мало того, что самому не хватает мозгов разобраться, так еще и важного из себя корчит...

Не в моих правилах оскорблять людей, но это начинает переходить все границы.

[Veseloff]

$('.com').html($('.com').html() != 'hide comments' ? 'hide coments' : 'show comments');

О как! Интересно, будет это работать или нет?

P.S. Чё-то у меня форум это хозяйство на две строки разбивает, но всё пишется в одну, конечно же.

[Great Rash]

Пробелы надо ставить почаще, тогда не разобьет. Видимо ограничение на кол-во символов без пробелов в строке стоит.

Зачем юзать html если есть специальный метод .text()?

[Bonzash]

Veseloff спасибо. Помогло.