текст Переключателя jQuery?
Делает кто-либо знает, как переключиться, пишут текст HTML тега привязки с помощью jQuery. Я хочу привязку, что при нажатии текстовые альтернативы между "Выставочным Фоном" и "Показывают текст", а также постепенное появление и другое отделение. Это было моим лучшим предположением:
$(function() {
$("#show-background").click(function () {
$("#content-area").animate({opacity: 'toggle'}, 'slow');
});
$("#show-background").toggle(function (){
$(this).text("Show Background")
.stop();
}, function(){
$(this).text("Show Text")
.stop();
});
});
Заранее спасибо.
3 ответа
Извините, проблема меня! Вышло из синхронизации, но это было потому, что у меня есть HTML текст неправильно. В первом клике я хочу выцветать DIV, и текст, чтобы сказать «Показать текст».
будет проверить более тщательно в следующий раз, прежде чем спросить!
Мой код сейчас:
$(function() {
$("#show-background").toggle(function (){
$("#content-area").animate({opacity: '0'}, 'slow')
$("#show-background").text("Show Text")
.stop();
}, function(){
$("#content-area").animate({opacity: '1'}, 'slow')
$("#show-background").text("Show Background")
.stop();
});
});
Спасибо снова за помощью!
Изменение моего ответа от вашего Другого вопроса , я бы сделал это:
$(function() {
$("#show-background").click(function () {
var c = $("#content-area");
var o = (c.css('opacity') == 0) ? 1 : 0;
var t = (o==1) ? 'Show Background' : 'Show Text';
c.animate({opacity: o}, 'slow');
$(this).text(t);
});
});
$(function() {
$("#show-background").click(function () {
$("#content-area").animate({opacity: 'toggle'}, 'slow');
});
var text = $('#show-background').text();
$('#show-background').text(
text == "Show Background" ? "Show Text" : "Show Background");
});
Переключайте, прячьте или показывайте элементы. Вы можете достичь того же эффекта с помощью переключателя, имея 2 ссылки и переключая их при нажатии на любую из них.