Convert html table into collapsible accordion in javascript on button click

Completed Posted 5 years ago Paid on delivery
Completed Paid on delivery

I have an html table as follows:

<table id='Table' class="Table" style="border-collapse: collapse; width: 100%;" border="1">

<tbody>

<tr>

<td style="width: 50%;">Title1</td>

<td style="width: 50%;">Content1</td>

</tr>

<tr>

<td style="width: 50%;">Title2</td>

<td style="width: 50%;">Content2</td>

</tr>

<tr>

<td style="width: 50%;">Title3</td>

<td style="width: 50%;">Content3</td>

</tr>

<tr>

<td style="width: 50%;">Title 4</td>

<td style="width: 50%;">Content 4</td>

</tr>

</tbody>

</table>

I need to convert this table into an accordion with the first td that is 'title' being the header for the accordion and the second td content being the collapsable content for the javascript accordion. I have written the code halfway,I'm converting title tag into h1 tag and content tag into p tag, and than wrapping them up in a section tag. Please feel free to use the code(will be happy to share) or start your own.

CSS HTML HTML5 JavaScript

Project ID: #18029431

About the project

27 proposals Remote project Active 5 years ago

Awarded to:

configtechnolabs

Hi I can make a table complete js accordion. And you not need to change any tags. It can be done by table tags only. Please share me more details to start working on it. I will do this job in 1-2 hours. Thanks

$35 AUD in 0 days
(92 Reviews)
6.0

27 freelancers are bidding on average $29 for this job

GetReal

Hi, Let me convert your html table into collapsible accordion, ready to start and look forward to work with you...thanks!

$35 AUD in 0 days
(494 Reviews)
7.6
bjrupani

Hello hiring member i hope you are doing well i am bhavika i have 2.5+years experience in php , laravel , ajax,jquery , javascript , html,css so i can do it and i can start it now so please give me chance to serve you More

$25 AUD in 1 day
(147 Reviews)
6.7
an1566706

I read your project description…….Convert html table into collapsible accordion in javascript on button click ........and we are very exited to work on it We are an group and we have an expert & qualified to acc More

$25 AUD in 1 day
(63 Reviews)
6.2
MikeAscendancy

I am ready to start work if you hire me and will fix this in next 1 hour. Please contact so we can start work together. You can contact me 24*7 as i am full time individual Freelancer. I am looking forwards workin More

$80 AUD in 0 days
(130 Reviews)
6.4
indiainfosoft

Hello Sir, I've reviewed your requirement and I'm ready to work with you.I have almost 11+ years of experience in web development. I will provide quality work as well full support for any query. Kindly contact m More

$30 AUD in 0 days
(144 Reviews)
6.3
abugosia

Hello, I'm Abu Gosia. I'm interesting your project very well. I m quite well experienced in these jobs. Let's go ahead with me. Thanks

$50 AUD in 1 day
(100 Reviews)
6.4
vkrahu

Hello sir, I am Javascript expert with 6 years experience. completed over 100 projects. I have understood the requirements. I can complete your work within time with quality and big smile promise. I believe in More

$25 AUD in 1 day
(53 Reviews)
5.8
gracefulwork

Hi I am interested in doing this project. I am javascript expert and can do this project easily. Please start further communication in chatbox. Thank you.

$30 AUD in 1 day
(37 Reviews)
4.9
nikitaparmar028

Hey , I will do it. Please give me opportunity. I have already done this type of job. I have 6years+ experience.

$25 AUD in 1 day
(6 Reviews)
4.5
vermashekhar484

Explained single tr in one time or explanation all?

$10 AUD in 1 day
(9 Reviews)
4.1
chetansdev

Hi i am interested in your project. I can do it in less time. If you have any question. Let me know thanks.

$15 AUD in 1 day
(7 Reviews)
4.1
Inovidia

I can help you in any kind of HTML, CSS, PHP, JavaScript & Ajax projects. Yes, I'll do all web related work i.e. complete website from scratch, fixing bugs, customization, web applications & upload to server you are on More

$25 AUD in 1 day
(14 Reviews)
4.4
namitanahak07

Hi, I am well expert in design and development,could you please discuss with me . For more details you can view my profile . Thanks Namita

$25 AUD in 1 day
(24 Reviews)
4.0
savshit

Hello, I can do this very well, don't change to h1 or p tag, I will do that by writing some jQuery and css and will make it collapsible. I done that type of work on table many more times. I complete it just in some tim More

$30 AUD in 1 day
(5 Reviews)
3.1
wearefreelancer8

Ready To Help 24x7 FullStack Developer Thanks for taking the time to review my proposal! I’ve looked over my notes regarding your graphic design needs, and have created a proposal for your project which I feel meet More

$20 AUD in 1 day
(2 Reviews)
2.0
gnanaprakash266

I have good experience in javascript abd html.

$15 AUD in 1 day
(0 Reviews)
0.0
teknosoft98

Dear Prospect Hiring Manager. Thank you for giving me a chance to bid on your project. i am a serious bidder here and i have already worked on a similar project before and can deliver as u have mentioned "I can do More

$28 AUD in 7 days
(0 Reviews)
0.0
Dipan12

Hello sir, I am dipan a professional web designer. I have 6 years experience in web designing.I think this work which you post that I can do in 1 days. so if you give me this job your collapse system will successfully More

$15 AUD in 1 day
(0 Reviews)
0.0
slekantzeeamali

i can do this using javascript and it's library jquery with shortest time.

$40 AUD in 1 day
(0 Reviews)
0.0
arwahh7

Hey I'm new here would love the chance to help u Relevant Skills and Experience .net developer with 4years experience

$25 AUD in 1 day
(0 Reviews)
0.0