Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Problem - JQUERY

CoderX

Przez CoderX
w Niezbędnik Programisty - Archiwum

Rekomendowane odpowiedzi

CoderX Specjalista

CoderX

Opublikowano
Specjalista

CoderX

Opublikowano

Cześć, już ładnych parę godzin męczę się nad krótkim łatwym skryptem :(.

MA to być skrypt na coś w stylu Sidebar że po kliknięciu w jedno pole rozsunie się reszta pola (sidebar),

I chciał bym aby ten sidebar nie chował się od razu po zjechaniu myszki z niego tylko po ponownym kliknięciu myszką

się schował.

 

Mam coś takiego -

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script> 
$(document).ready(function(){
  $("#chat_b").click(function(){
$("#chat").animate({left:'300px'})
    $("#chat_b").click(function(){
      $("#chat").animate({left:'0px'})
    });
  });
});
</script> 
<style>
body {
background: #09F;
margin: 0;
padding: 0;
}
#chat {
background:#fff;
height:405px;
width:300px;
float: left;
position: fixed;
}
#chat_b {
background:#C60;
height: 405px;
width: 40px;
float: left;
position: fixed;
}
</style>
</head>
 
<body>
<div id="chat"></div>
<div id="chat_b"></div>
</body>
</html>
 

I tak, pierwsze kliknięcie jest ok, wysuwa mi się ten sidebar, drugie kliknięcie ok, chowa mi się sidebar ale już po trzecim razie otwiera się i natychmiastowo samo się zamyka.

Proszę o was o pomoc, co robię źle, co zmienić?

No i oczywiście za chęci będą lajki ;)

Pozdrawiam.

cody3223 Znawca

cody3223

Opublikowano
Znawca

cody3223

Opublikowano

Cześć, już ładnych parę godzin męczę się nad krótkim łatwym skryptem :(.

MA to być skrypt na coś w stylu Sidebar że po kliknięciu w jedno pole rozsunie się reszta pola (sidebar),

I chciał bym aby ten sidebar nie chował się od razu po zjechaniu myszki z niego tylko po ponownym kliknięciu myszką

się schował.

 

Mam coś takiego -

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script> 
$(document).ready(function(){
  $("#chat_b").click(function(){
$("#chat").animate({left:'300px'})
    $("#chat_b").click(function(){
      $("#chat").animate({left:'0px'})
    });
  });
});
</script> 
<style>
body {
background: #09F;
margin: 0;
padding: 0;
}
#chat {
background:#fff;
height:405px;
width:300px;
float: left;
position: fixed;
}
#chat_b {
background:#C60;
height: 405px;
width: 40px;
float: left;
position: fixed;
}
</style>
</head>
 
<body>
<div id="chat"></div>
<div id="chat_b"></div>
</body>
</html>
 
I tak, pierwsze kliknięcie jest ok, wysuwa mi się ten sidebar, drugie kliknięcie ok, chowa mi się sidebar ale już po trzecim razie otwiera się i natychmiastowo samo się zamyka.

Proszę o was o pomoc, co robię źle, co zmienić?

No i oczywiście za chęci będą lajki ;)

Pozdrawiam.

 

masz:

var isT = "0";
$(document).ready(function(){
  
  $("#chat_b").click(function(){
      if(isT == "0") {
      $("#chat").animate({left:'0px'})
      isT = "1";
      return true;
      }
      
      if(isT == "1") {
      $("#chat").animate({left:'300px'})
      isT = "0";
      }
      
  
  });
});

Użyłem return aby zatrzymać wykonywanie skryptu

 

Albo łap Fiddle'a

http://jsfiddle.net/f6c72/

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...