Выбрать все кроме...
У меня есть такое древо:
<li>1</li> <li>2</li> <li>3</li> Мне нужно, чтобы при клике на любом из li элементов скрывались все, кроме того, по которому был сделан клик. Какие есть варианты для реализации? Заранее спасибо за ваши советы. |
$('li').click(function() {
$('li').hide();
$(this).show();
});
|
Изучить html, css и javascript.
<style>
.hide_childs * {
visibility: hidden;
}
.show {
visibility: visible;
};
</style>
<script>
function hide(obj) {
document.getElementById("ul").className+= " hide_childs";
obj.className+= " show";
};
</script>
<ul id="ul">
<li onclick="hide(this)">A</li>
<li onclick="hide(this)">B</li>
<li onclick="hide(this)">C</li>
<li onclick="hide(this)">D</li>
</ul>
|
Цитата:
$(".currency__item-link-active").click(function(){
$(".currency__item").show(); //разворачиваем элементы
});
$(".currency__item-link").not(".currency__item-link-active").click(function(){
var from = 'USD';
var to = $(this).attr("title");
var params = "amount=" + amount + "&from=" + from + "&to=" + to;
var act = $(this).parent();
$(".currency__item").removeClass("currency__item-active");
$(this).parent().addClass("currency__item-active");
$(".currency__item-link").removeClass("currency__item-link-active");
$(this).addClass("currency__item-link-active");
$(".currency__item").hide();
$(act).show();
$.ajax({
type: "POST",
url: "convert.php",
data: params,
beforeSend: function(){
},
success: function(convert){
$(".price__value").html(convert);
}
});
});
<ul class="currency">
<li class="currency__item currency__item-active"><a class="currency__item-link currency__item-link-active" title="USD" href="#dollar">$</a></li>
<li class="currency__item"><a class="currency__item-link" title="EUR" href="#euro">€</a></li>
</ul>
Первый раз все срабатывает как надо, а второй раз уже не хочет обратно показывать все li элементы. |
Вместо click используй live
замени:
$('...').click(//...
на
$('...').live('click', //...
|
Цитата:
Может это как-то со ссылкой связано? Я не могу понять в чем там вообще может быть проблема. P.S. Пардон, плохо потестил. С лайвом все работает, просто из-за классов не все кнопки работали. |
Цитата:
Как поставить условие, например: Если хайд, то вот так, а если шоу, то так. |
Что значит "Вот так", "то так" ? Подробнее.
|
Цитата:
Если div#1 = hide, то действие №1. |
if (!$('div#1').is(':visible'))
//Действие №1
Это что ли ? |
| Часовой пояс GMT +3, время: 07:41. |