Convert html table into collapsible accordion in javascript on button click

Concluído Postado há 5 anos Pago na entrega
Concluído Pago na entrega

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

ID do Projeto: #18029431

Sobre o projeto

27 propostas Projeto remoto Ativo em há 5 anos

Concedido a:

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 em 0 dias
(92 Comentários)
6.0

27 freelancers estão ofertando em média $29 nesse trabalho

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 dias
(494 Comentários)
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 Mais

$25 AUD em 1 dia
(147 Comentários)
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 Mais

$25 AUD em 1 dia
(63 Comentários)
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 Mais

$80 AUD in 0 dias
(130 Comentários)
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 Mais

$30 AUD in 0 dias
(144 Comentários)
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 em 1 dia
(100 Comentários)
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 Mais

$25 AUD em 1 dia
(53 Comentários)
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 em 1 dia
(37 Comentários)
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 em 1 dia
(6 Comentários)
4.5
vermashekhar484

Explained single tr in one time or explanation all?

$10 AUD em 1 dia
(9 Comentários)
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 em 1 dia
(7 Comentários)
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 Mais

$25 AUD em 1 dia
(14 Comentários)
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 em 1 dia
(24 Comentários)
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 Mais

$30 AUD em 1 dia
(5 Comentários)
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 Mais

$20 AUD em 1 dia
(2 Comentários)
2.0
gnanaprakash266

I have good experience in javascript abd html.

$15 AUD em 1 dia
(0 Comentários)
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 Mais

$28 AUD in 7 dias
(0 Comentários)
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 Mais

$15 AUD em 1 dia
(0 Comentários)
0.0
slekantzeeamali

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

$40 AUD em 1 dia
(0 Comentários)
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 em 1 dia
(0 Comentários)
0.0