有一个我已经做出响应的网页。当点击标题时，我希望男人下拉。这目前只适用于我的一个页面。我有两个看起来几乎一样。唯一不同的是，我已经将simplecart包含在工作的cart中。但我觉得这不重要。
这是我的脚本，我有点击功能。
if(w <= 480){
$("p").remove(".info");
$("#sticky_cart").remove();
$("#copyright").empty();
$("#sticky_cart_mobile").css("display","block");
$("dl").each(function(index, value) {
$(this).css("display","none");
});
$(".alternatives").each(function(index, value) {
$(this).css("display","block");
});
$('.categories').on('click',function(){
//$('.categories').click(function() {
alert("klick");
var thisDiv = $(this);
var theDl = $(this).next("dl");
var isVisible = theDl.is( ":visible" );
if (!isVisible) {
theDl.slideDown("slow");
thisDiv.addClass("up");
thisDiv.removeClass("categories");
}
else {
theDl.slideUp("slow");
thisDiv.addClass("categories");
thisDiv.removeClass("up");
}
});
}
以下是它应该与一起使用的一些代码
<a name="#pizzakl1" class="category"></a>
<section id="pizzakl1">
<h2 class="categories">Pizzor prisklass 1</h2>
<dl>
<?php listPizzaOffline($dbConnection, 1) ?>
</dl>
</section>
<a name="#pizzakl2" class="category"></a>
<section id="pizzakl2">
<h2 class="categories">Pizzor prisklass 2</h2>
<dl>
<?php listPizzaOffline($dbConnection, 2) ?>
</dl>
</section>
<a name="#pizzakl3" class="category"></a>
<section id="pizzakl3">
<h2 class="categories">Pizzor prisklass 3</h2>
<dl>
<?php listPizzaOffline($dbConnection, 3) ?>
为什么不起作用？我现在完全被卡住了。
我通过添加解决了这个问题
<section>
<div id="sticky_cart">
</div>
</section>
我想javascript很混乱，因为我的js代码中有$("#sticky_cart").remove();，而html中没有这样的元素。