How to change all display status using Inspect element tool?

Question

first I would like to state that I don't have much knowledge in code or programming.

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>

Thanks!!

You have to use selector and some library to select them. Can you post the relevant part of the code (describing for example one item). — Juho Rutila, Oct 11 '19 at 10:13
Sure, thanks for the very quick response mate. here is the relevant part of the code:
לפחות — ari fattal, Oct 11 '19 at 10:16
Umm.. you should edit it into the question. Try to format your question so that it is easy to read. — Juho Rutila, Oct 11 '19 at 10:19
Does the site have jQuery? In inspect console if you type "$" and enter what it gives back? — Juho Rutila, Oct 11 '19 at 10:20
I explained it in my answer (you should accept it). Please ask there in the comments if you want more info. — Juho Rutila, Oct 11 '19 at 10:27

score 1 · Accepted Answer · answered Oct 11 '19 at 10:24

1

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()

answered Oct 11 '19 at 10:24

Juho Rutila

1,951
21
32

score 1 · Answer 2 · answered Oct 11 '19 at 10:30

1

If the site has jquery you can use

$(".meaning").css("display", "block");
$(".meaning").css("display", "none");

answered Oct 11 '19 at 10:30

Joachim Haglund

717
5
12

How to change all display status using Inspect element tool?

2 Answers2