Witam
Mam kod HTML z kilkoma klasami, chciałbym by po kliknięciu na dany obiekt on został ukryty.
Kod załączam w załączniku.
0
0
Nikt ci nie pobierze załączników, wklej to co masz w posta.
0
Plik html:
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Wykonawcy</title>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(".performer").click(function(){
$(this).hide();
});
</script>
</head>
<body>
<header>
</header>
<nav>
</nav>
<section>
<article>
<div class="performer">
</div>
<div class="performer">
</div>
<div class="performer">
</div>
<div class="performer">
</div>
<div class="performer">
</div>
</article>
</section>
<footer>
</footer>
</body>
</html>
Plik css:
body
{
background-color: #606d80;
margin: 0px;
}
article
{
position: relative;
top: 7.5vh;
width: 100%;
}
.performer:first-child
{
margin-top: : 0vh;
}
.performer
{
background-color: #567ebb;
color: #1f1f20;
width: 80vw;
height: 10vh;
margin-left: auto;
margin-right: auto;
border-radius: 6px;
box-shadow: 4px 4px 3px grey;
-webkit-box-shadow: 3px 5px 21px -1px rgba(31,31,32,0.62);
-moz-box-shadow: 3px 5px 21px -1px rgba(31,31,32,0.62);
box-shadow: 3px 5px 21px -1px rgba(31,31,32,0.62);
margin-top: 5vh;
}
0
document ready albo skrypt za html
0
Mam klasę "performer", chce by po kliknięciu na nią zawarty w niej element "element do odwołania" znikł.
Chce po prostu zdziałać na zawartość tej klasy na która kliknąłem.
Jak to zrobić?
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Wykonawcy</title>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".performer").click(function(){354458
$(this ".element do odowołania").fadeOut();//////?????
});
});
</script>
</head>
<body>
<header>
</header>
<nav>
</nav>
<section>
<article>
<div class="performer">
qwerty
<div class="element do dowołania">
zniknij
</div>
</div>
<div class="performer">
qwerty
</div>
<div class="performer">
qwerty
</div>
<div class="performer">
qwerty
</div>
<div class="performer">
qwerty
</div>
</article>
</section>
<footer>
</footer>
</body>
</html>
0
$(this ".element do odowołania") - co to Twoim zdaniem robi?
0
Takie tam :)
Mam diva "pojemnik", w nim zawarty jest div "zawartosc". Chciałbym by po kliknięciu na "pojemnik" "zawartość" znikła. Oczywiście w JQuery.