| |
|
|
| | Сделал такой код, кликаю первое - выезжает первое, так же со вторым и третьим. Но проблема в том что если я уже выбрал первое, оно вылезло и если нсова нажима. первое - оно выезжает снова, так вот как поставить условие что бы если первое вылезло уже то больше не вылазило ?
Привожу код:
<div id="tog_one">
Toggle 1
</div>
<div id="tog_two">
Toggle 2
</div>
<div id="tog_tre">
Toggle 3
</div>
<p id="one" style="display: none">
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
</p>
<p id="two" style="display: none">второй</p>
<p id="tre" style="display: none">третий</p>
<script>
$("#tog_one").click(function ()
{
$("#one").toggle("slow");
$("#two").hide();
$("#tre").hide();
});
$("#tog_two").click(function ()
{
$("#one").hide();
$("#two").toggle("slow").fadeIn();
$("#tre").hide();
});
$("#tog_tre").click(function ()
{
$("#one").hide();
$("#two").hide();
$("#tre").toggle("slow").fadeIn();
});
</script>
|
| |
| |
|
|
| |
|
|
| |
для: mabelrod
(06.11.2011 в 20:18)
| | |
if ($("#tog_one").css("display") == "none") {
} else {
}
|
| |
| |
|
|
| |
|
|
| |
для: KPETuH
(06.11.2011 в 20:49)
| | | непонял - можно в контексте моего кода ? | |
| |
|
|
| |
|
|
| |
для: mabelrod
(06.11.2011 в 21:21)
| | | поясните пожалуйста подробнее какого эффекта вы хотите добиться | |
| |
|
|
| |
|
|
| |
для: KPETuH
(06.11.2011 в 21:34)
| | | когда я нажал первый блок - у меня он всплывет на нужном месте, если я снова его же нажимаю - то снова всплывает, я хочу что бы если я 1 раз надал то повтороно наждимаю на еденицу эфекта всплытия текста небыло - как он были виден так и оставался видным. | |
| |
|
|
| |
|
|
| |
для: mabelrod
(06.11.2011 в 21:39)
| | | то есть вы хотите чтобы после того как первый блок всплыл он не убирался? | |
| |
|
|
| |
|
|
| |
для: KPETuH
(06.11.2011 в 21:57)
| | | привожу действия:
1. нажал еденицу - всплыл блок с еденицей
2. снова нажал еденицу - он блин опять всплыл
вопрос как сделать если мы уже там, то он просто стоял на месте и не всплывал. | |
| |
|
|
| |
|
|
| |
для: mabelrod
(06.11.2011 в 20:18)
| | |
$("#tog_one").click(function ()
{
if(!$("this").hasClass('active')){
$('.active').removeClass('active')
$("this").addClass('active')
$("#one").toggle("slow");
$("#two").hide();
$("#tre").hide();
}
});
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(06.11.2011 в 22:18)
| | | Спасибо, я думаю это то что надо, осталось додумать как это приделать к моему коду. | |
| |
|
|
| |
|
|
| |
для: mabelrod
(06.11.2011 в 22:25)
| | | Я сделал вот так и не работает, что не так ?
<div id="tog_one">
Toggle 1
</div>
<div id="tog_two">
Toggle 2
</div>
<div id="tog_tre">
Toggle 3
</div>
<p id="one" style="display: none">
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
</p>
<p id="two" style="display: none">второй</p>
<p id="tre" style="display: none">третий</p>
<script>
$("#tog_one").click(function ()
{
if(!$("this").hasClass('active')){
$('.active').removeClass('active')
$("this").addClass('active')
$("#one").toggle("slow");
$("#two").hide();
$("#tre").hide();
}
);
$("#tog_two").click(function ()
{
$("#one").hide();
$("#two").toggle("slow").fadeIn();
$("#tre").hide();
});
$("#tog_tre").click(function ()
{
$("#one").hide();
$("#two").hide();
$("#tre").toggle("slow").fadeIn();
});
</script>
|
| |
| |
|
|
| |
|
|
| |
для: mabelrod
(06.11.2011 в 22:34)
| | |
<div id="tog_one">
Toggle 1
</div>
<div id="tog_two">
Toggle 2
</div>
<div id="tog_tre">
Toggle 3
</div>
<p id="one" style="display: none">
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
первый первый первый первый первый<br>
</p>
<p id="two" style="display: none">второй</p>
<p id="tre" style="display: none">третий</p>
<script>
$("#tog_one").click(function ()
{
if ($("#tog_one").css("display") == "none") {
$("#one").toggle("slow");
$("#two").hide();
$("#tre").hide();
}
}
);
$("#tog_two").click(function ()
{
$("#one").hide();
$("#two").toggle("slow").fadeIn();
$("#tre").hide();
});
$("#tog_tre").click(function ()
{
$("#one").hide();
$("#two").hide();
$("#tre").toggle("slow").fadeIn();
});
</script>
|
| |
| |
|
|
| |
|
|
| |
для: KPETuH
(06.11.2011 в 22:41)
| | | я так же делал - я кошда щас щелкаю на Toggle 1 у меня вообще ничег оне выходит, а надо что бы вышло - но не выходило при повторном клике. вопрос еще не решен. | |
| |
|
|
| |
|
|
| |
для: mabelrod
(06.11.2011 в 23:44)
| | |
if ($("#tog_one").css("display") == "none") {
|
Очепятка надо
if ($("#one").css("display") == "none") {
|
| |
| |
|
|
