Я хочу извинить за мой плохой английский, потому что я итальянский. У меня есть 1 страница html с 2 jQuery slideToggle и относительный toggleClass для изменения «Показать» и «Скрыть» в кнопке. В первом div toggleClass работает правильно, но во втором div toggleClass не работает. Прочтите мой код.jQuery toggleClass не работает на втором div
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#panel").show();
$(".show_hide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("lactive"); return false;
});
$("#menu").show();
$(".menu").click(function(){
$("#menu").slideToggle("slow");
$(".menu").toggleClass("active"); return false;
});
});
</script>
<style type="text/css" rel="stylesheet">
.sli {
margin: 0;
padding: 0;
background: url(btn-slide.gif) no-repeat center top;
}
.slide {
margin: 0;
padding: 0;
background: url(btn-slide.gif) no-repeat center top;
}
.show_hide {
background: url(up.png) no-repeat 120px 10px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.active {
background: url(down.png) no-repeat 120px 10px;
}
.lactive {
background: url(down.png) no-repeat 120px 10px;
}
.menu {
background: url(up.png) no-repeat 120px 10px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
</style>
</head>
<body>
<!-- primo FUNZIONANTE -->
<p class="slide">
<a href="#" class="show_hide" style="text-decoration: none; ">
Login
</a>
</p>
<div id="panel"> <!-- # Pannello nascondibile -->
Testo qui
</div>
<hr>
<!-- secondo NON FUNZIONANTE -->
<p class="sli"><a href="#" class="menu" style="text-decoration: none; ">
mos
</a></p>
<div id="menu">
menu
</div>
<hr>
</body>
Что я могу сделать?
Кажется, для меня работает -> [** FIDDLE **] (http://jsfiddle.net/6GB8y/) ??? – adeneo