Javascript 选项不'；单击它时不会显示

我正在制作一个选项按钮（右上方的树点）。单击它时，必须显示选项。再次单击并隐藏选项。下面是我的代码，但它不起作用。你能看看吗

$（“body”）.ready（函数（）{
$（document）.on（“click”，“.options knop”，function（））{
如果（this.nextSibling.style.display==“无”）{
this.nextSibling.style.display='block！important'；
}否则{
this.nextSibling.style.display='none'；
}
});
});
.img包装器{
宽度：100px；
高度：100px；
溢出：隐藏；
边界半径：100%；
浮动：左；
保证金：5px；
}
.img集装箱{
高度：100px；
}
.艺术家{
过渡：背景色0.5s，颜色0.5s；
光标：指针；
}
.艺术家外部{
保证金：5px0；
填充：10px 5px；
}
艺术家纳姆{
宽度：190px；
}
.选项按钮{
位置：绝对位置；
顶部：15px；
左：325px；
文本对齐：居中；
线高：30px；
字体大小：粗体；
宽度：30px；
高度：30px；
边界半径：100%；
颜色：黑色！重要；
过渡：背景色0.5s，颜色0.5s；
}
.外部艺术家：第n个孩子（6n+4），
.外部艺术家：第n个孩子（6n+5），
.外部艺术家：第n个孩子（6n+6）{
背景色：#eeeeee；
}
艺术家：第n个孩子（6n+4）。选项旋钮，
艺术家：第n个孩子（6n+5）。选项旋钮，
艺术家：第n个孩子（6n+6）。选项旋钮{
背景色：白色；
}
艺术家：第n个孩子（6n+1）。选项旋钮，
艺术家：第n个孩子（6n+2）。选项旋钮，
艺术家：第n个孩子（6n+3）。选项旋钮{
背景色：#eeeeee；
}
.选项旋钮：悬停{
背景色：#A3A3！重要；
颜色：白色！重要；
}
.艺术家：悬停{
背景色：#5454！重要；
颜色：白色！重要；
}
.选项列表{
显示：无；
位置：绝对位置；
z指数：1；
顶部：50px；
左：260px；
}
.选项列表{
填充：0；
}
纳姆先生{
最大高度：40px；
溢出：隐藏；
}
.列表组{
左侧填充：0；
边际下限：20px
}
.列表组项目{
位置：相对位置；
显示：块；
填充：10px 15px；
边缘底部：-1px；
背景色：#fff；
边框：1px实心#ddd
}

随机naam
Volgers op Spotify:XXX

...
香椿专辑
Profiel
因为您使用的是JQuery，所以可以使用函数：

if ( $(this).next().css('display') == "none")
     $(this).next().show();
else
     $(this).next().hide();

或者只需使用在不使用条件的情况下切换div的显示
显示/隐藏
：

$(this).next().toggle();

希望这有帮助。
因为您使用的是JQuery，所以可以使用函数：

if ( $(this).next().css('display') == "none")
     $(this).next().show();
else
     $(this).next().hide();

或者只需使用在不使用条件的情况下切换div的显示
显示/隐藏
：

$(this).next().toggle();

希望这有帮助。
您可能需要使用

您可能想使用


$（文档）.ready（函数（）{
$（'.options-knop'）。单击（函数（e）
{
$（“.options list'）.toggle（）；
});
});
.img包装器{
宽度：100px；
高度：100px；
溢出：隐藏；
边界半径：100%；
浮动：左；
保证金：5px；
}
.img集装箱{
高度：100px；
}
.艺术家{
过渡：背景色0.5s，颜色0.5s；
光标：指针；
}
.艺术家外部{
保证金：5px0；
填充：10px 5px；
}
艺术家纳姆{
宽度：190px；
}
.选项按钮{
位置：绝对位置；
顶部：15px；
左：325px；
文本对齐：居中；
线高：30px；
字体大小：粗体；
宽度：30px；
高度：30px；
边界半径：100%；
颜色：黑色！重要；
过渡：背景色0.5s，颜色0.5s；
}
.外部艺术家：第n个孩子（6n+4），
.外部艺术家：第n个孩子（6n+5），
.外部艺术家：第n个孩子（6n+6）{
背景色：#eeeeee；
}
艺术家：第n个孩子（6n+4）。选项旋钮，
艺术家：第n个孩子（6n+5）。选项旋钮，
艺术家：第n个孩子（6n+6）。选项旋钮{
背景色：白色；
}
艺术家：第n个孩子（6n+1）。选项旋钮，
艺术家：第n个孩子（6n+2）。选项旋钮，
艺术家：第n个孩子（6n+3）。选项旋钮{
背景色：#eeeeee；
}
.选项旋钮：悬停{
背景色：#A3A3！重要；
颜色：白色！重要；
}
.艺术家：悬停{
背景色：#5454！重要；
颜色：白色！重要；
}
.选项列表{
显示：无；
位置：绝对位置；
z指数：1；
顶部：50px；
左：260px；
}
.选项列表{
填充：0；
}
纳姆先生{
最大高度：40px；
溢出：隐藏；
}
.列表组{
左侧填充：0；
边际下限：20px
}
.列表组项目{
位置：相对位置；
显示：块；
填充：10px 15px；
边缘底部：-1px；
背景色：#fff；
颜色：黑色；
边框：1px实心#ddd
}

随机naam
Volgers op Spotify:XXX

...
香椿专辑
Profiel

$（文档）.ready（函数（）{
$（'.options-knop'）。单击（函数（e）
{
$（'.options list'）.toggle（）；
});
});
.img包装器{
宽度：100px；
高度：100px；
溢出：隐藏；
边界半径：100%；
浮动：左；
保证金：5px；
}
.img集装箱{
高度：100px；
}
.艺术家{
过渡：背景色0.5s，颜色0.5s；
光标：指针；
}
.艺术家外部{
保证金：5px0；
填充：10px 5px；
}
艺术家纳姆{
宽度：190px；
}
.选项按钮{
位置：绝对位置；
顶部：15px；
左：325px；
文本对齐：居中；
线高：30px；
字体大小：粗体；
宽度：30px；
高度：30px；
边界半径：100%；
颜色：黑色！重要；
过渡：背景色0.5s，颜色0.5s；
}
.外部艺术家：第n个孩子（6n+4），
.外部艺术家：第n个孩子（6n+5），
.外部艺术家：第n个孩子（6n+6）{
背景
$("body").ready

$("body").on();

$(document).on()

$(document).ready(function () {
    $("body").on("click", ".options-knop", function() {

        $(this).next('.options-list').slideToggle();

    });
});