I am aiming to open all collapsible items on a certain website that doesn't belong to me. The website is built in a way that only one collapsible item can be opened at a time, while I would like to open all items at once: Webpage screenshot
While inspecting the element I noticed that once an item is clicked its status changes from "display: none;" to "display: block;"
I can successfully manually change all items from "display: none;" to "display: block;"
However, I would like to find an easier way to do so since the webpage contains more than 200 items. Any suggestions on how I might be able to do so?
Here is what the code looks like in one out of 200 similar items-
<div class="meaning" data-font-size="17" data-font-size-type="px" data-line-height="24.2857px" style="display: none;">לפחות</div>
If the site has jQuery (try "$" in the console) you can find all the class="meaning" elements with $(".meaning") and then show() them. Like this:
$(".meaning").show()